Creating a PageButtonBar

A pageButtonBar can contain individual buttons, a navigationBar, or both. This procedure describes how to create individual buttons in a pageButtonBar.

To create buttons in a pageButtonBar:

In the Design Structure Window of the desired file, expand the pageLayout node to locate the pageButtons node.
If the pageLayout node is not visible, expand page | content | dataScope | document | body | form. The pageButtons node is under pageLayout Named Children in pageLayout.
In the Component Palette, select Navigation Components from the dropdown list, and then drag and drop the pageButtonBar component from the list to the pageButtons node.
The pageButtonBar node is inserted under the expanded pageButtons node.
In the Design Structure Window, right-click the pageButtonBar node and choose Insert inside pageButtonBar | button.
The new button node is inserted and highlighted in the Structure Window. The Property Inspector displays the properties of the new component.
In the Property Inspector, set the following attributes for the new button:
- text - Enter the text to display in the button.
- disabled - Click in the right column and select true if you want to render the button as disabled.
Repeat steps 3 and 4 to add additional buttons.

Tip: Buttons in a pageButtonBbar are placed under the page title and repeated at the bottom of the page. The title attribute of pageLayout must be set for the pageButtonBar to display properly.

Note: To use data binding, see Data Binding a Component Attribute.

Example (UIX XML)


...
<pageLayout>
  
  <!-- Navigation -->
  
  <pageButtons>
    <pageButtonBar>
      <contents>
        <button text="Cancel"/>
        <button text="Submit"/>
      </contents>
    </pageButtonBar>
  </pageButtons>
  
  <!-- REST OF PAGE LAYOUT-->
  
</pageLayout>
...