Ui Builder container formatting

Brian Fornelius
Tera Expert

Hi there,

 

I am trying to create a dashboard where it has a right and left 

 

So a container on the left with container 4 single score metrics and the container on the right will be a line chart

 

I have the left container created grid 2 columns by two rows to incorporate the four metrics.   However when I try and add a container right container it either adds it to the top of the bottom.  How do I get it to be right and left.

 

Something like the attached.

 

Thanks

--Brian

1 ACCEPTED SOLUTION

JagjeetSingh
Kilo Sage
Kilo Sage

You can do it with below setup.

 

JagjeetSingh_0-1684499792296.png

 

Main Container: Container 1(Grid)

JagjeetSingh_1-1684499815577.png

 

Container 2(Grid)

JagjeetSingh_2-1684499899687.png

Container 3(Grid):

JagjeetSingh_3-1684499918346.png

 

 

 

Jagjeet Singh
ServiceNow Community Rising Star 2022/2023

View solution in original post

2 REPLIES 2

Michael Fry1
Kilo Patron

I think you need to approach it as Row 1 & Row 2 with a bunch of CSS space between the metrics to make it look like left and right.

JagjeetSingh
Kilo Sage
Kilo Sage

You can do it with below setup.

 

JagjeetSingh_0-1684499792296.png

 

Main Container: Container 1(Grid)

JagjeetSingh_1-1684499815577.png

 

Container 2(Grid)

JagjeetSingh_2-1684499899687.png

Container 3(Grid):

JagjeetSingh_3-1684499918346.png

 

 

 

Jagjeet Singh
ServiceNow Community Rising Star 2022/2023