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.

Widget width does not take up full screen when set to fluid

tzsabre
Tera Contributor

‎07-28-2024 08:55 AM

Hello,

 

I have a widget in the service portal that I would like to take the full width of the screen. I have the container sent to fluid and the main div of the widget has the width set to 100%. With this, the width takes up about 98% of the screen with a small gap on the left and right sides.

If I try to fix this by editing the margin and width in CSS then it works in Firefox, but there is a bottom scroll bar in Google Chrome. Please let me know how I can achieve full-screen width.

 

Thank you

tzsabre_0-1722181751492.pngtzsabre_1-1722181788350.pngtzsabre_2-1722181837113.png

 

0 Helpfuls
  • 579 Views
1 REPLY 1

Sumanth16
Kilo Patron

‎07-28-2024 10:30 AM

open container of home page.

You can add css to the container itself. Click the container and the click the pencil icon

 

Sumanth16_0-1722187839633.png

 

 

 

Give it a custom class

 

Sumanth16_1-1722187839582.png

 

 

 

And add this class to the page specific css

 

Sumanth16_2-1722187839583.png

 

 

If I could help you with your Query then, please hit the Thumb Icon and mark it as Correct !!

 

Thanks & Regards,

Sumanth Meda

0 Helpfuls