- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-17-2019 01:22 PM

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-17-2019 02:15 PM
Hi Shaik,
The Service Portal uses Bootstrap UI and widgets. On this page, there is a container with 4 divisions. In each one of those is a widget. It's actually the same widget in each box. And then the color, text, link, description, etc. are all configured in the widget options.
Everything Service Portal can be configured from https://YOURINSTANCE.service-now.com/sp_config
From there click on the Designer, and go to the page called 'index' or Service Portal. This is the homepage you're on.
Then you'll have to change add a new layout with for your container. Bootstrap uses a system of 12, so unfortunately adding a fifth one will offset the balance. To have five, you'll have to use the 2-2-2-2-2-2 layout, leaving an extra box open. Just drag and drop that layout from the left hand side and move your widgets into those boxes. You can delete the now empty layout.
Then search in the box "Filter Widget" for Icon Link. That is the name of the widget that is being used 4 times in the image you posted. Add a fifth instance of that widget.
Click the pencil icon on the new widget and the options will pop up, and you can configure it how you like. Look at the other already existing ones for examples.
Hope this helped! If so please mark my answer as correct / helpful.
Thanks,
Josh
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-17-2019 02:12 PM
You'll probably need to change the Container layout to 2|2|2|2|2|2 to be able to fit a 5th column. Then just add an Icon Link widget pointed to wherever it needs to go.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-17-2019 02:15 PM
Hi Shaik,
The Service Portal uses Bootstrap UI and widgets. On this page, there is a container with 4 divisions. In each one of those is a widget. It's actually the same widget in each box. And then the color, text, link, description, etc. are all configured in the widget options.
Everything Service Portal can be configured from https://YOURINSTANCE.service-now.com/sp_config
From there click on the Designer, and go to the page called 'index' or Service Portal. This is the homepage you're on.
Then you'll have to change add a new layout with for your container. Bootstrap uses a system of 12, so unfortunately adding a fifth one will offset the balance. To have five, you'll have to use the 2-2-2-2-2-2 layout, leaving an extra box open. Just drag and drop that layout from the left hand side and move your widgets into those boxes. You can delete the now empty layout.
Then search in the box "Filter Widget" for Icon Link. That is the name of the widget that is being used 4 times in the image you posted. Add a fifth instance of that widget.
Click the pencil icon on the new widget and the options will pop up, and you can configure it how you like. Look at the other already existing ones for examples.
Hope this helped! If so please mark my answer as correct / helpful.
Thanks,
Josh
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-17-2019 02:25 PM
That is more indetail and made much easire to learn and understand 🙂

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-17-2019 02:30 PM
If you want to add anything for a portal page, initially you need to either configure the widget with the out of the box options available or you can have a custom widget that can be dragged onto the space wherever you wish
But Servicenow works on the bootstrap 12 grid structure so every row and column in service portal is of bootstrap family style
Each row in servicenow can have only 12 columns which can be divided into the specific set of types and then we can choose as per the style required
if you want to add a category widget along with the existing ones on the page, you have to make sure that you change the existing column layout as out of the box the container choosed for the column is 3 3 3 3 you can change as per your requirement accordingly in different chunks that count upto 12 in a row
Hope that helps
Mark this response as correct or helpful if that really helps
Thanks,
Siva