Not all nodes have colour property

The dashboard button node has colour and background properties.

not sure why others doesn't !?

e.g. ui_slider.html has not these properties

        color: {value: ''},
        bgcolor: {value: ''},

is there more than just adding the properties to get the functionality ?

CSS color property represents color of text. If element has no text, the color property does nothing.
Slider has text but not directly, it has text inside the bubble. Adding color property to the slider element, does not change the color value of the text inside the bubble.

bgcolor is not valid CSS property. There is background-color property which represents color of the elements background.

But i think you mean the configuration options, it is limited as every node can do and what is reasonable to provide. It is not easy to make all options for all possible elements to be configurable. If needed to be customized, it takes to make overrides for CSS.

ok that makes sense.

looking in debugger at the elements style

.nr-dashboard-theme .nr-dashboard-slider .md-thumb:after {
background-color: #18bdbd;
border-color: #d01793;
}

changing these values would do the trick for the slider knop. is there a chance to change these values from outside ?

oh sorry yes I mean the configuration option which than would take {{colour}} to be set from a msg.colour

Can you imagine the size of the configuration page where all elements which make the widget are fully described by every option they have? And also if all options are configurable that easily, how it would look like? And where to draw the line what should and what should not to be available for configuration?

The target of the dashboard is to provide option to build it up quickly and without need to have any knowledge of front-end coding. The look is so to say standard so it allows to achieve it mostly with default settings. Everything above is already custom and as the sky is limit - there is no way to draw the line between what is reasonable and what is not.

But it does not end here as with the ui_template node you can define styles for all dashboard elements. There is a lot of threads and examples about customizing dashboard CSS. Just take a time and do search in therms dashboard CSS ...

@hotNipi thanks a lot for your detailed explenation. I'll search for the threads

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.