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. 

Related topic

View-definition-components

Warning

Important

Application business analysts can customize the objects developed in their own applications and that are marked customizable by the administrator, but cannot customize the objects developed in com.bmc.arsys in Best Practice Customization mode. For example, objects in core BMC applications like Foundation, Approval, and Assignment cannot be customized in Best Practice Customization mode. For more information, see Customization-layer. 

To design a page layout

  1. Log in to BMC Helix Innovation Studio 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.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 Innovation Suite 23.3