Configuration help

Styling 

 All widgets have a field called "Custom CSS". This allows addition of styling, when that stylesheet is shown. 

 As of version 8359 it is possible to use  #THISWIDGET#  to target that specific widget. 

 #THISWIDGET#  will automatically be replaced by the unique html-id of that widget, eg.  #Widget69 , thus allowing css that can be copied to another widget without the need to know the ID. 

 Icons 

 All the below properties are required for the button 

 

 ButtonGlyph : Icon of the button (3 options)

 

 FontAwesome 4 : fa-home 

 Material icons : home 

 Bootstrap Icons : bi-house-door-fill 

 Icon URL:  http://starwars.com/LukeSkyWalker.png 

 Single character: ”P” 

 

 

 Title : Text below the icon 

 Content : Url of the button 

 

 Optimally buttons are places in the  Toolbar  zone on the page, where they are rendered as normal buttons. If placed in other zones they are rendered as large squares. 

 Sizing 

 Length 

 Setting the length of a widget limits how many rows are shown. This setting only applies to lists. 

 Size 

 Setting the height of a widget forces it to be that number, times 100, pixels tall. This setting does not affect lists. 

 Setting the width of a widget applies a set of  bootstrap column-classes , setting the width in a responsive manner. 

 The lookup follows this logic: 

 

 1 =  col-4 col-md-2 col-xl-1 

 2 =  col-6 col-md-4 col-xl-2 

 3 =  col-6 col-lg-4 col-xl-3 

 4 =  col-12 col-md-6 col-xl-4 

 5 and 6 =  col-12 col-lg-8 col-xl-6 

 7, 8, and 9 =  col-12 col-xl-8 

 10, 11, and 12 =  col-12 

 Above 12 =  col