Define the content and arrangement of the standard sections for all DataPages in a segment by editing a template. You can use the default templates that come with a theme and adjust them by editing the current elements and adding more widgets. 
  1. In the Designer view, in the DataPages panel, click a segment label. 
  2. On the template canvas, add all the elements that you want to display in different sections of the DataPage: 
    1. Click the Add elements button. 
    2. Drag the element from the Widgets panel onto the canvas in one of the outer sections of the template. The lines that appear while you drag the element over the canvas show the alignment of the widget.
  3. Optional: Edit the size of your widgets:
    1. Click a widget.
    2. In the right panel, in the Widget size section, configure the sizing settings:
      • To set a static size that does not change under any conditions, for the Width and Height parameters, select Fixed, and then enter the dimensions in pixels. The content within the widget that does not fit the size that you set is trimmed.
      • To adjust the size based on the content inside the widget, for the Width and Height parameters, select Auto.
      • To adjust the widget size based on the available space in the panel, for the Width parameter, select Fluid. With this option, the widget occupies all the available space in the panel and adjusts based on the screen dimensions.
      The default height and width of the objects in the header or footer panel is Auto. The default width for the objects in the left or right panel is Fluid.
      Note: You can also modify the size of a widget by dragging the sizing handles of that widget on the canvas to the desired location. A tooltip shows the size in pixels to help you reach the right dimensions. This method changes the size settings to Fixed.
  4. Optional: Click the widget, and then customize your widget in the Settings section of the right panel:
    Widget Actions
    Image 
    1. Click the Select icon. 
    2. Upload an image (up to 10 MB) from your local hard drive. You can use the following image types: 
      • APNG 
      • AVIF 
      • GIF 
      • JPG 
      • JPEG 
      • JFIF 
      • PJPEG 
      • PJP 
      • PNG 
      • SVG 
      • BMP 
      • ICO 
      • CUR 
      • WEBP 
    The system optimizes the image for better storage and loading time. 
    Note: The file size is included in the file storage capacity calculations for your account.
    1. In the Alternative text field, enter a short description of the image used by screen readers and displayed when the image is not loaded.
    2. Optional: You can add a link to an image. To do that, check Link image and select the kind of link that you want to add:  
      • To create an automatic link to a DataPage within the application, click DataPage and select the target DataPage.  
      • To create a custom link to a specific URL, click URL and enter the target URL.  
      • For DataPages and URLs, if you want to open links in a separate window, select the Open in new window checkbox.
    Menu 
    1. Click Add. 
    2. In the Menu item settings panel, in the Type section, select the kind of link that you want to add: 
      • To create an automatic link to a DataPage within the application, click DataPage, and then select the target DataPage. 
      • To create a custom link to a specific URL, click URL, and then enter the target URL. 
      • To add an expandable item to nest other menu items, click Dropdown.
    3. In the Label field, enter the text that you want to display for this item.
    4. For DataPages and URLs, if you want to open links in a separate window, select the Open in new window checkbox.
    5. Repeat substeps a. to d. for all items that you want to add.
    6. Click Save.
    7. In the right panel, arrange the menu order by dragging the items onto their target locations.
    8. If you do not want all new DataPages to be automatically added to your menu, clear the Append new DataPages as visible checkbox.
    9. For dropdowns in the left or right panel, in the Group appearance section, select whether you want the menu item to be collapsible or to always display all the labels.
    10. In the Alignment section, select how you want to display the menu inside the widget.
    Result: Depending on the panel in which you place the menu widget, the items appear in either a horizontal (for headers and footers) or vertical (for left and right panels) mode.
    Profile Menu 
    1. In the Directory list, select the directory that you want to use for this Profile Menu widget.
    2. In the Alignment field, select how you want to display the text inside the widget.
    3. In the right panel, you can arrange the Profile Menu order for public and authenticated access by dragging the items onto their target locations or hiding them from view.
    4. Optional:To add more items to the Profile Menu widget to appear before or after logging in, click the respective Add button and select the kind of link that you want to add:
      • To create an automatic link to a DataPage within the application, click DataPage, and then select the target DataPage.
      • To create a custom link to a specific URL, click URL, and then enter the target URL.
      • To add an expandable item to nest other menu items, click Dropdown.
    5. In the Label field, enter the text that you want to display for this item.
    6. For DataPages and URLs, if you want to open links in a separate window, select the Open in new window checkbox.
    Text/HTML 
    1. Click Edit Text/HTML. 
    2. In the editing window, add your content: 
      • To add and format your content, in the Block editing options list, select HTML Editor, and then enter your text and other elements. 
      • To insert your own HTML or CSS code, in the Block editing options list, select Custom Code, and then enter your script. 
    Title
    1. In the Heading field, enter the text that you want to display. 
    2. In the Heading type field, select the title size that you want to use. 
    3. In the Text Alignment field, select how you want to align your text inside the widget. 
Result: The widgets that you added appear on every DataPage in the segment.