How to set variable width

[Baba Femi]

Hello Community,

Is anyone able to guide me on how to make my variable sizes smaller. I'm using single line variable and its taking the whole page, i'd like it to just take up up about half or approximately the position of the red mark in the image below.

Thank you in advance for your inputs.

[AshishKM]

Hi @Baba Femi ,

You can try to reduce the variable width upto 25% and test.

If that didn't work for you then add container 

-Thanks,

AshishKMishra

[Baba Femi]

Thanks for your response, reducing the width percentage doesn't reduce it. I am not particularly sure what that functionally does, I didn't notice any difference in the layout or size of the variables.

Adding the containers partitioned it into decent size but it forces the layout into two columns which wasn't what I was looking for. I'd like to have all the variable in one column but the width half size, without adding a 2 column-container start and end, for every variable.

[AshishKM]

I don't see any direct option available for such column width because the same widget is used for all catalog items.

as a workaround, you can keep each variable in separate 2-column container (not a good idea ).

https://www.servicenow.com/community/developer-forum/resizing-columns-in-page-designer/m-p/1475679#:....

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0727842

[Dr Atul G- LNG]

Hi @Baba Femi 

Did you try the @AshishKM  solution.