How to manage layout of app navigation on Agent Mobile

[Daniel O_Connor]

Hi all,

Started playing around with some custom apps in the Now Agent Mobile. I'm wondering how do you manage what appears on the "Applications" screen, and what apps appear prominent in the navigation bar at the bottom? 

I can see the more apps I add some get pushed into the more option, I just can't seem to figure out how to control that navigational menu

When I mention "Applications", that seems to be the landing menu that the app opens on. I've seen some screenshots from Agent mobile where its like a nice landing page showing welcome messages, search and quick items for action. Looks really good but its not out of the box it seems? 

[Milind Gharte]

Hi ,
Here is a link which will help you.

https://docs.servicenow.com/bundle/orlando-mobile/page/administer/tablet-mobile-ui/concept/mobile-la...

If it helps,Please mark ✅ Correct and ???? Helpful.

Warm Regards,

Milind

[MrMuhammad · Accepted solution]

Hi,

The native mobile application screen layout is made up of Applet launcher, Applets, Quick Actions etc.  In the navigation bar when you click any option it opens up an Applet or Applet launcher. Applet launcher serves as a landing page that consists of a bunch of Applets, UI Sections, Quick action, and header. The applet is basically a configurable screen i.e. Form, List, Calendar, etc. 

To control and re-sequence the navbar items you need to navigate to System Mobile > Navigation Bar. Open the relevant app and in the Navigation tab related list you will find all the nav menu items. You can change the order to re-arrange items. Item after 4th will be added into more options. 

If you are using OOB workflows provided by ServiceNow like ITSM Mobile, FSM Mobile etc. then you will have that beautiful landing page and quick actions avilable. However, if you have your custom app then you need to create them.

Let me know if you have any questions. 

Must-have resources for Mobile App developer. 

1. Starting on Mobile app for customer 

2. Best Practices Guide: Building Mobile Apps with ServiceNow

3. Mobile Implementation Guide

4. Mobile App Academy | Youtube

My Articles

1. Add Applet to Bottom Navigation bar | Mobile App

2. What's New For Servicenow Mobile App | Paris Release

Thanks & Regards,

Sharjeel

[Daniel O_Connor]

Thanks for the detailed information. 

When I load the Agent App I can see some OOB stuff there like Approvals and Incident. I can then see two custom apps I built to play around with. Didn't see that nice landing page though anywhere?

The first navigation icon is "Applications" and when I click there it just says Service Catalog...and then just an option for cart and nothing else.

Might have been someone messing in my environment, so I might need to go find the OOB setup for that landing page and copy it back in 

[MrMuhammad]

Approvals and incidents are part of the ITSM Mobile plugin. I am sure you must have ITSM Mobile plugin installed. 

The first navbar item is automatically set as the Landing page. So, whatever you have configured on the first item that will be set as the Landing page. In your case its Applications tab. This tab is OOB and the UI sections Service catalog is coming from table sys_sg_application. 

Most of the client don't need this tab and prefer removing this. If you also don't need this you can refer to below KB article and follow the instructions to remove this tab. 

How to remove the 'Application' Navigation Tab from Agent/Now Mobile app 

Do you have any screenshot of landing page that you are looking for in your application? if you can share that with me then I can help you with the steps to configure that. 

I hope that helps!