Scribd
Upload
199 views

Class22 - SAP UI5 - ABAP - GateWay - Fiori Note File Attachment PDF

The document discusses various SAP UI5 screen elements that can be used for screen designing. It provides code examples for creating and configuring common elements like ApplicationHeader, TextView, Image, Link, TextField, and PasswordField. It explains how to instantiate the element classes, set properties and events, and place the elements on the HTML content.

Uploaded by

Divya Ahuja
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
199 views

Class22 - SAP UI5 - ABAP - GateWay - Fiori Note File Attachment PDF

The document discusses various SAP UI5 screen elements that can be used for screen designing. It provides code examples for creating and configuring common elements like ApplicationHeader, TextView, Image, Link, TextField, and PasswordField. It explains how to instantiate the element classes, set properties and events, and place the elements on the HTML content.

Uploaded by

Divya Ahuja
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Faculty : A.

Vijayendar Reddy
[email protected]
Mobile NO ( 09618973044 )
https://www.facebook.com/groups/vijay.ui5/
OASIS Technologies ( Hyderabad )
9+ years experience in various SAP WEB TECHNOLOGIES

SAP UI5 Screen Elements


_____________________________________________
Screen Elements are also known as USER INTERFACE ELements ( UI ELements)
Screen Elements are used for screen Designing.
To utilize SAP UI5 screen elements : use the below syntax :
---------------------------------step1 : create object for Screen element Class and set properties and Events
step2 : Access methods on object
step3 : place ScreenElement on Content
________________________________________
step1 syntax :
var seo = new <packageName>.<className>({ property1 : value1 ,
property2 : value2 ,
property3 : value3 ,
EventName : function });
step2 syntax :
seo.<method1>( );
seo.<method2>( );
step3 syntax :
seo.placeAt("content");

Faculty : A.Vijayendar Reddy


[email protected]
Mobile NO ( 09618973044 )
https://www.facebook.com/groups/vijay.ui5/
OASIS Technologies ( Hyderabad )
9+ years experience in various SAP WEB TECHNOLOGIES
Application Header :
_________________
It is used to display logo , welcome area, logoff , userName etc....
__________________________________________________________________
var aho = new sap.ui.commons.ApplicationHeader( );
aho.setDisplayWelcome(true);
aho.setLogoText("OASIS TECHNOLOGIES ");
aho.setDisplayLogoff(true);
aho.setUserName("VIJAYENDAR REDDY");
aho.setLogoSrc("OASIS.GIF");
aho.placeAt("content");
_____________________________________________________________________
TextView :
______________
Text View is used to display text on output screen
Text View can be used for display label text etc...
_______________________________________________
var tvo = new sap.ui.commons.TextView();
tvo.setText("OASIS TECHNOLOGIES is learning Center for SAP UI5/FIORI/odata ");
tvo.setTooltip("oasis technologies");
tvo.placeAt("content");
___________________________________________________

Faculty : A.Vijayendar Reddy


[email protected]
Mobile NO ( 09618973044 )
https://www.facebook.com/groups/vijay.ui5/
OASIS Technologies ( Hyderabad )
9+ years experience in various SAP WEB TECHNOLOGIES
Image :
Image is used to display icon/image on output page
___________________________________________________
var imageo = new sap.ui.commons.Image( );
imageo.setSrc("OASIS.GIF");
imageo.placeAt("content");
_____________________________________________________
Link :
Link is used to open website application or web application
using URL address
________________________________________________________
var linko = new sap.ui.commons.Link( );
linko.setHref("http://www.maps.google.com/maps/place/India");
linko.setText("GOOGLE WEBSITE");
linko.placeAt("content2");
_________________________________________________________
Text Field :
Text Field is used to accept Input from enduser.
__________________________________________________________
var tfo = new sap.ui.commons.TextField( );
tfo.setValue("VIJAYENDAR REDDY");
tfo.placeAt("content2");

Faculty : A.Vijayendar Reddy


[email protected]
Mobile NO ( 09618973044 )
https://www.facebook.com/groups/vijay.ui5/
OASIS Technologies ( Hyderabad )
9+ years experience in various SAP WEB TECHNOLOGIES
Password Field:
________________
Password field is used to accept the INput as password from enduser.
Password field is also similar to TextField,
But the characters will be hidden
______________________________________________
var pfo = new sap.ui.commons.PasswordField( );
pfo.setValue("VIJAYENDAR REDDY");
pfo.placeAt("content2");
__________________________________________________

You might also like