Add Section Headers in the Portal

If you show for example a Customer in the Silver Essence Portal, the Customer can have a lot of Properties. Like name, address, city, but also contact details, marketing details. Before you know it, the list of fields shown becomes quite long. To focus on the most important fields we already had the option to prioritize the fields which triggers the Slider for the selected Entity. But still, in some cases this was not sufficient and we got a lot of feedback on that. And we have listened to you.

Add Section Headers to your Business Entity

To improve the visibility for the user, we have added the option to specify Section Headers. These Section Headers are associated with one of the Properties of your BusinessEntity and will appear directly above that Property.

Here's how that looks if you use the Slider:

And here's how it looks when using the 2-column view:

Configuring the Section Headers

Specifying the Section Headers can be done by configuring the Label of the BusinessEntity Property. To do this, go to Modeling, BusinessEntities, Edit, Settings, Properties if you are using the Full Editor. Or select the BusinessEntityProperties Tool if you are using the Quick Editor. Form there, expand the Label Panel on the right.

Here you will see 2 new configuration options:

  • HeaderText
    The text to be shown in the Section Header. By default the HeaderText is empty. If you leave the HeaderText empty, no Section Header will shown, even if you check the "Always Show Header" checkbox.
  • Always Show Header
    This triggers the behavior on when the Section Header should be shown.
    • When Checked
      If the HeaderText is specified, the Header is always shown, even if the field itself is not visible.
    • When Unchecked
      If the HeaderText is specified, the Header is only shown if the associated field is shown. When the field is not shown (because it has a lower priority than the current Slider position) the Section Header will also not be shown.

You can stylize the Section Header through the CSS that is associated with your solution. To do this, look for the "EntityViewerHeader" class and modify it as you want.