How can i add a Category to Service Portal Index page ?

shaik_irfan
Tera Guru

Hello,

How can i add the Category on the homepage as shown below

 

find_real_file.png

1 ACCEPTED SOLUTION

Josh Virelli
Tera Guru

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.

find_real_file.png

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.

find_real_file.png

find_real_file.png

Hope this helped! If so please mark my answer as correct / helpful.

Thanks,

Josh

View solution in original post

4 REPLIES 4

ryan_pope
Mega Guru

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.

Josh Virelli
Tera Guru

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.

find_real_file.png

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.

find_real_file.png

find_real_file.png

Hope this helped! If so please mark my answer as correct / helpful.

Thanks,

Josh

That is more indetail and made much easire to learn and understand 🙂

siva_
Giga Guru

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