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");

__________________________________________________