Service Portal layout issue

yundlu316
Kilo Guru

Our team has a Service Portal layout requirement that we can't seem to figure out how to implement.  We have a row that has a 10 column and 2 column.  The 2 column acts as a right side nav for the page, while the 10 column is  where the bulk of the page content lives.  Within the 10 column, we have a data table widget that spans the entire width of the column.  Below that though, we want two Announcement (CD) widget side by side, splitting the 10 column in half.  Is this even possible within Service Portal? 

find_real_file.png  

1 ACCEPTED SOLUTION

Tony DiRienzo
Giga Guru

You have to use Nested Rows to accomplish this.  You cannot add a nested row from the Page Designer as far as I know.  Instead, navigate to "Service Portal > Pages" and select your page.  From the layout tree, click on Column 1 (this would be your 10 column) and from the Rows related list add 2 new rows.  These will become "Nested Row 1" and "Nested Row 2".  You can then go back to Page Designer and refresh the page.  Add a 12 column to the top nested row and add a 6-6 column layout to the bottom nested row.  Here is a screenshot of the page record with nested rows and columns added:

And here it is in Page Designer with a few example widgets added:

View solution in original post

2 REPLIES 2

Tony DiRienzo
Giga Guru

You have to use Nested Rows to accomplish this.  You cannot add a nested row from the Page Designer as far as I know.  Instead, navigate to "Service Portal > Pages" and select your page.  From the layout tree, click on Column 1 (this would be your 10 column) and from the Rows related list add 2 new rows.  These will become "Nested Row 1" and "Nested Row 2".  You can then go back to Page Designer and refresh the page.  Add a 12 column to the top nested row and add a 6-6 column layout to the bottom nested row.  Here is a screenshot of the page record with nested rows and columns added:

And here it is in Page Designer with a few example widgets added:

Thanks so much @Tony DiRienzo ! I've been trying to figure out how to do this for so long.  This is exactly what I was looking for, thanks!