Having scratched my head and bumbing to brick wall for 16 hrs... I need help. Trying to get the ui-switch to display in dashboard2 the "text and switch" in 4x1 box in total of 8x1 in center. By default it seems to be on left. Thought that this was possible via CSS inject. I found references how to …

Dedicated solution for ui-switch : Make it to occupy full row, then add class for it and CSS for page .single-switch-centered-in-row .nrdb-switch{ justify-content: center; gap:1rem; } .single-switch-centered-in-row .v-label{ flex-grow: 0 !important; justify-content: flex-end; }

Hard to understand the requirements but I'll try .. You have group (card) width 8 units You want to have switch node centered in single row and occupying horizontal space of 2 units. This can be done by adding class to widget and the CSS to the page: .single-widget-centered-in-8{ grid-column…

I have used an empty text node as a spacer.

It does the trick for sure but in reality the layout is business of CSS. But to provide low code or no code solution for every imaginable situation is not possible. That's the problem not only for this situation but for many similar. Somewhere must be drawn the line what is possible without needing …

[image] hotNipi: .single-widget-centered-in-8{ grid-column-start: 4; } Thank you this helped a lot

If you want it to move around than and then only you'll need to send CSS via msg.class But I think this case needs it to be statically defined [image]

Dashboard 2 - Align center for UI-Switch

Dashboard

Soiski 25 February 2024 08:45 7

If I have two CSS commands that I need to insert do I just add second msg.class command to the flow

like .single-switch-centered-in-row .nrdb-switch

and on second call

.single-switch-centered-in-row .v-label

on this sample just using the .single-widget-centered-in-8 (as it did the trick)

Topic		Replies	Views
Vertical alignment of ui-template widgets in dashboard Dashboard dashboard-2	5	230	29 April 2024
Dashboard 2 center vertical and horizontal and still apply CSS Dashboard dashboard-2	5	149	29 May 2024
Customizing appearance of Dashboard 2 ui-switch Dashboard dashboard-2	3	181	22 August 2024
Centering a 'template node' in Dashboard Group Dashboard	6	5905	9 January 2020
Size of custom MDI switch icon Dashboard dashboard-2	9	199	28 October 2024

Dashboard 2 - Align center for UI-Switch

Related topics