The widget does not take up the entire page.

Go to solution
pverni
Tera Contributor

4 weeks ago

Hello everyone,

 

I'm learning how to use portal pages and widgets, but in my first test I only created one row and one column and placed my widget there. I noticed that my widget ended up in the middle of the screen instead of filling the entire screen. Can someone help me understand how to make my widget fill the entire screen?

 

pverni_0-1776032807950.png

Thanks!

0 Helpfuls
  • 291 Views
1 ACCEPTED SOLUTION

Go to solution
Rafael Batistot
Kilo Patron

2 weeks ago

Hi @pverni 

 

In ServiceNow Service Portal, this happens because portal pages are built on Bootstrap’s grid system, and by default a row with a single column does not span the full width unless you explicitly tell it to.

 

Set the column width to 12

  1. Open your Portal Page
  2. Click the Row
  3. Click the Column
  4. Set the column size to:

col-xs-12 col-sm-12 col-md-12 col-lg-12

 

or in the container configuration, in page designer, you can change to widget fluid 

 

If this response was helpful, please mark it as Helpful and, if applicable, as Correct, this helps other users find accurate and useful information more easily.

View solution in original post

0 Helpfuls
1 REPLY 1

Go to solution
Rafael Batistot
Kilo Patron

2 weeks ago

Hi @pverni 

 

In ServiceNow Service Portal, this happens because portal pages are built on Bootstrap’s grid system, and by default a row with a single column does not span the full width unless you explicitly tell it to.

 

Set the column width to 12

  1. Open your Portal Page
  2. Click the Row
  3. Click the Column
  4. Set the column size to:

col-xs-12 col-sm-12 col-md-12 col-lg-12

 

or in the container configuration, in page designer, you can change to widget fluid 

 

If this response was helpful, please mark it as Helpful and, if applicable, as Correct, this helps other users find accurate and useful information more easily.
0 Helpfuls