How can I change the look of the variable on portal from square box to slight curve at edges

[poornima batchu]

Hi all, 

I created no .of variables on the portal where I divided them by using container start and container split and container end.

The look of variables on the portal is shown as a square box, But I wanted to show it as a slight curve at the edges. Please see the below picture. I wanted to show it as second one. All the variables are type -Single line text and variable width is system default 50%. Even if I change the type form single line text to other it is showing as full square box. How can I fix this..

[Ravi Chandra_K]

Hello @poornima batchu 

Greetings!

refer the below article:

https://servicenowguru.com/system-ui/field-styles-service-catalog-variables/ 

Try with style.rounded and border-radius to make curved edges. However, as mentioned in the above article getcontrol will not work for references and you have to use DOM manipulation which is not recommended.

Please hit the thumb and Mark as correct based on Impact!!

Kind Regards,

Ravi Chandra

[Ravi Chandra_K]

Hello @poornima batchu 

Greetings!

Any feedback on my reply? were you able to do this?

Please mark the answer as correct solution and helpful if helped.

Kind Regards,

Ravi Chandra

[Ravi Chandra_K]

Hello @poornima batchu 

Greetings!

Any feedback on my reply? were you able to do this?

Please mark the answer as correct solution and helpful if helped.

Kind Regards,

Ravi Chandra