Web Dynpro Standard UI's Elements

Hello Guys,
Hope you all doing good and me too :)

Todays post about the Standard UI elements of Webdynpro.

There is numbers of UI elements are avilable in Webdynpro for different purpose with their own properties. Here I am going to figure out the important UI elements and their mandatory properties that you have to provied when you used these UI elements. Apart from mandatory properties of UI elements there are other properties also which are optional.

So here are the some Important UI elements in Web Dynpro and thier mandatory properties.

• Input Field : To display the input field and its mandatory property is Value. ( more )
• Label: To display the label for text or input field and its properties are Text & LabelFor. (more)
• TextView : To display the text and its mandatory property is Text. (more)
• TextEdit :  To display the text in editable form and its property is Value. (more)
• PageHeader : To display the Header and its property is Title. ( more )
• Button : To place the button and its property are Text & onAction( ). (more)
• Image : To insert the images and its property is Source. (more)
• CheckBox : To display the Check boxes and its properties are Checked & onToggle( ). (more)
• CheckBoxGroup:To display the check boxes as group and its properties are Text & onToggle( )(more)
• DropDownByIndex : To insert the drop down by index functionlity and its properties are Text & onSelect( ).  (more)
• DropDownByKey : To insert the drop down by key functionlity and its properties are Selected Key & onSelect( ).  (more)
• RadioButtonGroupByIndex: To insert the radio button as group by index and its properties are Text & onSelect( ).  (more)
• RadioButtonGroupByKey: To insert the radio button as group by key and its properties are Selected Key & onSelect( ). (more)
• LinkToAction: To insert the link as action and its properties are Text & onAction( ). (more)
• LinkToURL: To insert the URL and its properties are Text & Reference (more)
• Table : To insert the table and its property is  DataSource (more)
• ItemListBox : To insert the Item List Box and its properties are DataSource. (more)
• BusinessGraphics: To insert the map and its properties are SeriesSource,  X-axis( Category) i.e Descriptions and Y-axis(SimpleSeries) i.e Value  (more)
• Iframe: To display the files on the browser and its property is Source. (more)
• ProgressIndicator: To insert the progress indicator bar and its property is PercentValue. (more)
• Tree : To insert the tree and its property is DataSource. (more)
• DateNavigator: To insert the calandor and its properties are FirstSelectedDate, LastSelectedDate, StartsWith,  SelectionMode. (more)
• FileUpload : To upload the file from local machine and its properties are Data, FileName, MIMEType.  (more)
• FileDownload : To download the file and its properties are FileName, Texts MIME Type. (more)
• InteractiveForm: For dispaly Adobe Form and its properties are DataSource, TemplateSource, PDFSource. (more)
• TimedTrigger: To insert the time delay and its property is Delay (more)

Other Screen Elements are

• TabStrip
• ContextualPanel
• Tray
• Group
• ScrollContainer
• ViewContainer
• TransparentContainer
• InvisibleElement
• MessageArea
• HorizontalGutter

LayOuts in WebDynpro Screen Designing

There are different types of layouts availabel in WebDynpro such as

• FlowLayout , default layout
• GridLayout
• MatrixLayout
• RowLayout
• FormLayout

I have listed above all the UI elements and Layout with link. And I have it will be help you out to understand the UI elements.

In further post you will learn how to use these UI elements. 

Thanks and don't forget to comment