Premium Calculation Banner and Customer Portal Banner

• The Premium Calculation Banner (PCB) and Customer Portal Banner (CPB) are described more thoroughly on the KB page

The Premium Calculation Banner

• Location of all required components: /sitecore/content/Sites/DelaBe/Data/Repository/Page Components/PremiumCalculationBanners
• In here, you will find a folder BannerCollections. Each BannerCollection contains a set of PCB's, that are interchangeable, meaning that a random one will be shown each time the page is (re)loaded. This is the type of component you will be putting onto the page to display a PCB.
• In a BannerCollection, in the section Data > Banners, select the banner(s) you wish to display. These are located in the AgeGroupBanners folder
• In a 6-6 row, adjust the 'ColumnPosition' in the rendering properties of the component, so make sure the content is aligned properly, and the rounded corners in the middle are removed.

In a Content12-pagesection

• Don't put a theme on the pagesection
• Without an image: in the component's 'Control Properties', select IsWide, and deselect ShowImage
• With an image: in the component's 'Control Properties', select IsWide, and select ShowImage

In a SmallerFullRowContent-pagesection

• Only available without an image: in the component's 'Control Properties', select IsWide, and deselect ShowImage

In a Content66-pagesection

• Use this pagesection type to display another type of content next to a PCB; like a contentblock or a videoblock
• On the Content66-pagesection, select the theme '2020_row__Rounded--noborder'
• In the component's 'Control Properties', deselect IsWide, and deselect ShowImage
• A special variation exists to display on the CP landingpage, after a customer filled in a premium calculation. To use this, in the PCB's control properties, choose a 'ColumnPosition'. You will see in the experience editor two new text fields appearing; one on top, and one above the price indication. You can fill in these, which will only be shown in this variation. You will also notice a larger font size.

In a Content84-pagesection or a Content48-pagesection

• Use this pagesection type to display another type of content next to a PCB; like a contentblock or a videoblock
• On the pagesection or , select the theme 'row-with-spacing-between-columns'
• Put the PCB in the smaller column. In the component's 'Control Properties', deselect IsWide. You can choose to show or hide the image in this variation by selecting or deselecting the property ShowImage.