Styling

In general, the widgets are provided as raw HTML, and styling should be done using the native styles of the rest of the website. For this reason, the HTML is intentionally kept as simple as possible.

About half of the widgets are in the form of HTML tables. CSS classes and ID:s are attached to allow for flexibility. JavaScript is avoided unless it is necessary to the core functionality of the widget (and is specified in the documentation in these cases). When JavaScript is used, we strive to keep it as legacy-compatible as possible, to a reasonable extent.

Some example CSS is provided here for tables whilst Modular Finance can set colors for graphs.

During the integration, we are happy to provide consultation regarding styling, based on our experiences with other integrations.

If you adding widgets to tabs do not use display:none when hiding non active widgets. Instead use visibility: hidden