HTML block (configuration)

An HTML block is an element of a grid or dashboard layout block. This block can contain simple content, such as images, text, links, etc. embedded into a layout block. You can use custom styles for this type of content. This type of content is not based on any data source and can also be part of a simple content page.

To add an HTML block to a page

  1. In CMS, go to Contents and expand the node of a grid page or dashboard (home) depending on where you want to add an HTML block.
  2. Select the icon next to the corresponding layout block node ( grid or home dashboard). Alternatively, select and hold (or right-click) the node, and then select Create.
  3. Select HTML block.
  4. On the header, enter the HTML block name that will be used to identify it in CMS.
  5. On the General tab, fill in general settings as follows:
    • Title - Specifies the title of the HTML block that will be displayed on the page.
    • Subtitle - Specifies the subtitle of the HTML block that will be displayed on the page under the title.
    • Icon - Specifies the image that will be displayed next to the HTML block title.
    • Width settings - Specifies the adaptive width settings for the HTML block per device. The width is automatically adjusted depending on the device the page is opened from.
    • Hide element - This setting hides the HTML block from the dashboard. It can be configured per member group. In the layout block page settings, on the General tab, in the Hide element setting, select one or several member groups, for which this HTML block will be hidden. Alternatively, you can select the ~All~ check box to hide it for all member groups (without the necessity to select every member group's check box) or select the Hide element check box to have all member groups selected at once.
    • Background color - Specifies the color that will be used as solid filled background for the HTML block.
    • Background image - Specifies the image that will be used as background for the HTML block.
    • Description - Specifies a description of this HTML block that will be displayed below the title and subtitle.
    • Navigate-to page - Specifies the portal page that will be displayed when the portal members selects this HTML block.
    • Content-from page - Specifies the portal page that will be displayed instead of the created page. The path on the address bar will be that of the original page. Use this setting only if you want to redirect the member to another existing portal page.
    • Redirect-to page - Specifies the portal page that will be displayed instead of the created page. The path on the address bar will be that of the target page. Use this setting only if you want to redirect the member to another existing portal page.
  6. On the Content tab, in the Body Content field, enter the content of this HTML block and apply the formatting. For example, you can add text and images.
  7. Select Save and publish to save the changes and publish them on the front end. Optionally, you can select Preview to preview how this page element will look like in the front end.

    Note

    The layout settings of the parent layout block determine how the HTML block content will be displayed on the dashboard (on a tab, on top or below of other content elements, etc.).