Styling
Datapane enables you to can change the font, background color and text alignment to match your brand guidelines or personal aesthetics.
Simply override the default styling properties by passing in a Formatting
object as follows:
There are currently six styling properties supported:
1. Light Prose
Boolean which controls whether the text appears as light (good for dark mode), or dark (default).
2. Accent Color
Controls the color of certain UI elements e.g. page titles, selects, DataTable headings. Can be any of the 140 CSS colour names or an RGB hex code.
3. Background Color
Controls the background color - can be any of the 140 CSS colour names or an RGB hex code.
4. Text Alignment
Controls how the text is aligned - can be any of JUSTIFY
, LEFT
(default), RIGHT
, CENTER
.
5. Font
Controls the font for the prose text - can be any of DEFAULT
, SANS
, SERIF
, MONOSPACE
.
6. Width
Controls the horizontal width - can be any of NARROW
, MEDIUM
(default), FULL
.
Layout¶
Although you are probably analyzing data in a list of sequential steps, it may not the best way to present results -- especially if you are sharing with people who are used to a traditional dashboard or BI tool.
Datapane's library of blocks which allow for more flexible grid-style layouts, multiple pages, tabs, and selects, which allows you to create powerful custom interfaces without knowledge of HTML or CSS.