Is it possible to add specific css classes to elements or components, and reference an external css for example at the page level.
It is something very usefull and simple to use, i dont know if there are some improvments planned of this.
Examples is WordPress template cusomization
Hi Tim,
It is not (easily) possible to apply your own custom CSS styling to a Dashboard/LCA. Both provide component & page/dashboard/app level customization that can be used to change the look. Allowing custom CSS to be injected has the risk of making different components unreadable and can even completely break some functionalities when not careful.
Note that the build files can be modified to modify CSS yourself, with the risks mentioned above. This is not a recommended option.
What would the use case for this be?
And what is the not easily way to do this ? 🙂
Hi Julien,
Those are some valid points! While this feature will not be implemented in the short term, we are interested in the interest of the community for this. If this is something you are really interested in having available, you can create a feature suggestion. This way, we can measure interest of other members of the community and act accordingly.
Note that for eg: the grid/table/maps/timeline/… components, you can already use custom css by writing HTML code inside a text shape. This styling is scoped to the template itself.
PS: The hard way that you can already write cutom css rules is by opening the build files and editing them directly. This allows custom styling but is difficult and will break after every upgrade.
Hi Wout,
Thanks for your reply.
I agree we can add custom html in text shape and by the way customiez the syle but it is inline css
example {My Column}
I think something quite simple would be to add a default behavior to your page loading system.
if the css file with the same guid of the page exists on the filesystem then you could reference the stylesheet.
And by this way we could use class attributes in text shapes.
{My Column}
Hi Wout,
It would be a great improvment to customize components rendering with css.
It is a capability availble in many app editors and wordpress is the best example.
You usually can add extra css which is loaded by the page and set custom css class to components or ui elements.
It can break some functionalities if not well used as you say but it is the responsability of the dev team.
An example is the grid component, we usually need to apply extra rendering capabilities on links, actions and so on.
In case of evolutions and new features it would be easier to deal with css instead of apply changes on each column.