Skip to main content

Configure your sub-menu page header options

Prerequisite

Procedure

  1. From the Model name list, select the model.
  2. Under the Header section, select what you want to do:
    • Create a new Header
      1. In the Header name box, type in what you want to call your header.
      2. Under the Text section, from the Title and Sub title lists, select the properties to use.
      3. If you want to use an image in your header, from the Style list, choose if you want your image to be in a circle by selecting, Avatar, or show the whole image, select Image. If you want to use an icon to represent the record, select Icon.
        Avatar Image Icon
        Avatar.png
        Image.png
        Icon.png
      4. From the Image property list, select the property you want to use.
      5. From the Placeholder text list, select the property you want to appear when there is no image. For example, you could have property that stores the user's initials and use that as your placeholder text.
      6. If you selected to use the Icon, from the Icon property list, choose the property you want to use, and from the Icon color property list, choose the property color you want to use.
        If you see nothing in the list, it means you have no properties in this model with icons or color configured.
      7. If you want to use a badge, a little circle in the corner of your avatar or icon to indicate something about the record, select the Use a badge option. Then, from the Badge color property list, select the color of the badge.
        This only appears on avatars and icons. This does not show if you use the whole image. Also, you need to add a color property type to your model.
        Badge.png
      8. Add Actions to your header:
        1. In the Title box, type in the text that you want to appear on your button.
          If you select a "URL" Type of action, only the icon is shown and the Title is shown as the tool-tip text when you hover your mouse cursor over the icon.
          HeaderLinks.png
        2. Under the Type of action section, from the Opens in: list, select what and how you want the button to open.
          • Open page - Loads the Target list with pages from your Applaud tenant.
          • URL - You need to type in the full website address in the Target box.
            You can use the mailto: and tel: syntax. For example, mailto:firstname.lastname@company.com or tel:0800800800.
          • Regular / Same tab - Takes the user away from the current page to the new page.
          • Modal - Keeps the user on the page but opens a dialog box with the new page contained in it.
          • New tab - Opens a new tab in the user's browser with the new external website.
        3. From the Target list, select a page from the list of available pages in your Applaud tenant or type the full URL address, for example, https://www.google.com.
        4. From the Icon list, select an icon for your button and from the Color picker, select a color for your button.
        5. From the Hide/show based on a model property list, select a property, and then from the Condition list, select either the Hide if true option or the Show if true option.
      9. Chips
        1. Under the Chips section, from the Property list, select the property that you want to show.
        2. From the Condition list, select if you want the chip to show if the property is true or is false.
        3. In the Text box, type in the text that you want to appear on your chip.
        4. From the Color picker, choose the color of your chip.
        5. From the Icon list, type in a description, and from the list of icons, select the one that you would like to use. You don't need to use an icon.
    • Choose an existing header
      • From the Header to use list, select the header you want to use.
  3. Select SAVE.

See more:

Reference:

Sections in this article