Resizing ui_form in dashboard after 1x1 widget size change

Dashboard
1

Good day

I am busy developing a node-red dashboard and I wanted to change the minimum 1x1 widget size for reasons I will not go into now. I changed the 1x1 widget size in the dashboard site settings from 48x48 px to 24x24 px as shown below:

image
image290×580 11.2 KB

Most of the dashboard elements worked fine with the new 1x1 widget size, but I am having problems with the ui_form widget. the spacing between the elements within the form is smaller now which causes the text to overlap when you input values as seen below. the whole thing also gets put in a scroll pane. I tired to increase the size of the widget, but it does not allow me to change the height of the form widget, only the width can be changed.

image
image765×251 5.63 KB

I there any way to increase the spacing between the elements and increase the overall height so that is works with the smaller 1x1 widget size?

2

24x24 is extreme. Very extreme. Most of the widgets don't support that small size.
Yes, you can override the CSS of any element. That takes some knowledge of CSS overall and pretty clear understanding of dashboard structure. The ui_form is one of the trickiest elements to style.

So my first advise is to rethink about the unit size.

3

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