how to put navigation menu on service portal page

[anshul_jain25]

hi , I want to know how to create a navigation menu on service portal page.

below is the image similar to which I need to crate service portal home page, I am new to service portal.

I was creating a page I want a navigation menu, for my approvals, my request, my incidents.

Are there any OOTB examples present.

[sreejith12]

Hi Anshul,

Which version of ServiceNow are you using currently? Starting Helsinki you can enable Service Portal pluggin and from the service portal configuration-> Designer->index page you create the page as per your requirement.

Regards,

Sreejith

[anshul_jain25]

yeah i am using helsinki only....now i need to create menu for that page....how to create the....do you have any sample code....just for making links like i shared in picture.....my approvals , my requests....i dont know....do you have any html code for nav bar....for simple nav bar

[Sujata Vishwak1 · Accepted solution]

Hey.. Anshul

You need to add HTML script.. You can check out below for example:

</style>

<div class="navbar-header" style="width:100%">

  <button data-target=".cs_nav" aria-expanded="false" data-toggle="collapse" type="button" class="navbar-toggle collapsed cs_navbutton" aria-controls="navbar">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span></button>

<a href="home.do">

<div class="navbar-brand cs_banner"></div></a>

<div class="navbar-collapse collapse cs_nav" style="width:100%">

<ul class="nav navbar-nav navbar-left" style="width:100%">

<li>

<a href="home.do">

<img width="25" src="customer_service_home_icon.png" height="25"></img></a></li>

<li>

<a class="navlink" style="font-size:14px" href="create_incident.do">Your Menu</a></li>

<li>

<a class="navlink" style="font-size:14px" href="incidentlist.do">Your Menu</a></li>

<li>

<a class="navlink" style="font-size:14px" href="create_request.do">Your Menu</a></li>

<li>

<a class="navlink" style="font-size:14px" href="request_list.do">Your Menu</a></li>

</ul></div></div>

[anshul_jain25]

thanks sujata for sharing code....this is exactly what i was looking for.....can you tell me where i need to store picture so that its visible.