Skip to Content

Designing a page layout by using the BWF Sidebar component

The BWF Sidebar component is available in the Shared Components section of the View designer and is visible only if the Shared Components bundle is deployed.

Use the BWF Sidebar component to design the layout of a view. You can divide your view into two parts: a right pane and a left pane. However, you can expand and collapse only the right pane. 

Information

Important
Application business analysts can customize the objects that are developed in their own applications and marked customizable by the administrator. However, they cannot customize the objects developed in com.bmc.arsys in the Best Practice Customization mode. For more information, see Customization layer.

To design a page layout

  1. Log in to  and navigate to the Workspace tab.
  2. Select the application for which you want to add the BWF Sidebar component.
  3. On the Views tab, click the name of the view definition to which you want to add the BWF Sidebar component.
  4. On Palette, click and drag the BWF Sidebar component 22102_SideBar_Icon.PNGto the canvas in the order that you want them to appear on the view.

  5. In the Properties pane, click Settings Settings icon (2).png, and specify your preferences for each option on the General tab as listed in the following table:

    Property

    Description

    Example

    Sidebar Position 

    Select the position of the sidebar.

     

    22102_SideBarFull.png

     

    Sidebar Width 

    Specify the width of the sidebar.

    Sidebar Mode 

    Select the default mode of the sidebar. 

    Sidebar Close Icon 

    Specify an icon that must appear when the sidebar is closed.

    Sidebar Open Icon 

    Specify an icon that must appear when the sidebar is open.

    Sidebar Header Title 

    Specify a name for the sidebar.

    Sidebar Tooltip Text 

    Specify a tooltip for the sidebar.

    Hide sidebar panel in mobile viewport 

    Choose this option to hide the right pane while viewing on a mobile phone.

  6. Click Save.

Result

The following image shows a view that uses the BWF Sidebar component with a collapsed right pane:

22102_SideBar_Collapsed2.png

The following shows a view that uses the BWF Sidebar component with an expanded right pane:

22102_SideBar_Open2.png

 

 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*

BMC Helix Business Workflows 26.2