Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

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

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

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