Multi line label in Dashboard 2.0 Button?

Is it possible to have multi line text in a dashboard 2.0 Button widget? I tried \n and <br/> but was not surprised when neither did the job.

1 Like

Good old CSS override.
For button add class:

And make an ui_template for CSS overrides:

And if you fall into such situations and you don't like it:

you can add also text-wrap: pretty;

So it tries to wrap more natural way.


Magic (well CSS actually, but near enough).


@joepavitt should this be the default for buttons so that if there is not room on the button for the text then it folds rather than flowing out the ends of the button and even into adjacent widgets.


I see that if necessary the button will grow in height if the label name will still not fit in


This styling is (currently) entirely driven by Vuetify, as we're using the Vuetify Button Widget. Happy to look into overrides on the styling though.

Also open to PRs too - happy to go with @hotNipi's styling here as the default.

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