You are on page 1of 4

Faculty : A.

Vijayendar Reddy
vijay.webdynpro@gmail.com
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


vijay.webdynpro@gmail.com
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


vijay.webdynpro@gmail.com
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


vijay.webdynpro@gmail.com
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");
__________________________________________________