In the same way as the ToolBarLinkToAction is used we can use ToolBarLinkToUrl,ToolBarDropDownByKey and ToolBarDropdownByIndex. Step 5:Deploy the DC and run the application: G_popin The Table UI should be set as follows: nodeCTX_VN_Visibility().currentCTX_VN_VisibilityElement().setCTX_VA_PopinVisible(WDVisibility. Public void onActionOpenTable(. wdEvent onActionOpenTable(ServerEvent) Goto the Events Tab of ToolBarLinkToAction and create an Event: OpenTable The Visibility property should be bound to the context attribute:CTX_VA_ToolBarVisibleДЈ.4 The toolbar LinktoAction properties to be set as follows: G_count The ToolBarPopin properties are set as follows: nodeCTX_VN_Visibility().currentCTX_VN_VisibilityElement().setCTX_VA_ToolbarVisible(WDVisibility. Public void onActionOpenPopin(. wdEvent onActionOpenPopin(ServerEvent) In the java Editor of the view ,write the following code: Go to the Events Property of the UI and create an Event: OpenPopin as displayed below: Note :In the above figure please note that the TEXTBAR UI element is only available when inserted inside the ToolBarPopin UI Element.If tried to add individually or outside the popin Such an UI element is not available.ДЄlso we have the UI element ToolBarLinkToAction as a ToolBarRightItem signifying the concept that these UI elements are in relevance to ToolBar Ui and when implemented will be aligned to the right hand side of the ToolBar UI.ДЈ.1The TextBar UI Element Properties are as follows:ДЈ.2 The ToolBarLinkToAction UI element property needs to be set as follows: Let us create a simple example to change the input focus color in form field. Step 3:Goto the view UI2CompView where in in the outline View Insert UI Elements as follows Bootstrap change input focus color blue grow While working with the custom theme we often need to customize the default bootstrap elementвЂ™s behavior, on the same way we sometimes need to change the default color of input focus blue grow.We can override the default color using our custom CSS. Node CTX_VN_Visibility will have two context attributes namely-Д¬TX_VA_PopInVisible-Datatype-UIElementDefinitions.VisibiltyД¬TX_VA_ToolBarVisible-Datatype-UIElementDefinitions.Visibility Node CTX_VN_Table will have three attributes namely Step 2:Go to the component Controller :UI2Comp вЂ“>Click on the Context tab and create two nodes shown as follows: Step 1:Create a Webdynpro Java DC shown as follows: This document explores the ToolBar UI and also how UI elements like ToolBarPopin ,TextBar and ToolBarLinktoAction can be implemented inside it.

Textbar in table