Dashborg Documentation / References / Style Extensions

Style Extensions

Dashborg adds some useful “style” properties that you can use in your Dashborg panels. Note that using these extensions is completely optional. They are only including for convenience.

The extensions do not take any value. Just add them (semi-colon separated) into your style block. When the Dashborg parser evaluates them it will set the equivalent real CSS attribute. So these two divs are exactly equivalent:

WITH EXTENSIONS    - <div style="bold; italic;"></div>
WITHOUT EXTENSIONS - <div style="font-weight: bold; font-style: italic"></div>
Extension Property CSS Equivalent
bold font-weight: bold
italic font-style: italic
underline text-decoration: underline
strike text-decoration: line-through
pre white-space: pre
fixedFont font-family: “courier new”, fixed
grow flex: 1 0 0
noshrink flex-shrink: 0
scroll overflow: scroll
center display: flex; justify-content: center
xcenter display: flex; align-items: center
fullcenter display: flex; justify-content: center; align-items: center