Configure the HamburgerApp

The HamburgerApp includes properties to select a slide-in pane that slides out when the app is selected and the foreground and background colors of the hamburger button.

Each property contains a drop-down list to reset the property to its default value by selecting the visual icon next to the data entry field.

To configure a HamburgerApp

1. Open the Layout or ViewApp Editor and show the items listed in the Toolbox tab.

2. Select HamburgerApp from the Toolbox list to show its preview thumbnail.

3. Drag and drop the preview thumbnail on a layout pane.

4. Select the preview thumbnail on the pane and select the Properties tab.

   The Properties tab shows a list of HamburgerApp properties.

   

5. Set the Background and HamburgerColor color properties.

   Both properties include a color picker. Select the color property and then select the small triangle at the right of both property fields to show the color picker.

6. Select the SlideinPanePosition field to show a list of slide-in pane positions (Left, Top, Right, Bottom) to activate on the layout. Left is the default slide-in position.

7. If you want to create event handler scripts, select the Available Events data entry field to show a list of HamburgerApp events.

8. Save your property selections.

Size the HamburgerApp to the Layout pane

It can occur that the HamburgerApp does not adjust its size at runtime to adapt to the size of the hosting layout pane. There are several methods to resolve HamburgerApp and pane relative size issues. One recommended method is to adjust pane properties to your layout. For example, the width and height pane properties can be adjusted to fixed sizes to fit your specific layout. You can do this with a quick calculation of the HamburgerApp container pane size as a percentage of total layout width and height. Adjust that number to accommodate the HamburgerApp dimensions.