logo

NJP

Now Mobile banner, with link (media item)

Import · May 25, 2020 · article

Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

Hi there,

Enhancing the experience of the Now Mobile "Homepage" Applet Launcher, wouldn't it be awesome to add a banner? Let's get after it image.

Concerning Mobile, a lot can be done in both Studio and Platform UI. You will also quickly feel the crazy mixture of several different scoped applications. Or at least it feels crazy image For this article, I tried to stuck with only the Platform UI.

Applet Launcher

Out-of-the-box there is an Applet Launcher for the homepage, "Homepage" image On this one, we need to tie a new Applet Launcher Section which references the Artifacts for the banner. Navigate to "System Mobile > Applet Launcher". The Applet Launcher Section is under the "Body" section. Just double click the Insert new row..., add an order (for example 100), and create a new Section.

image

When creating a new Mobile Section, a pop-up concerning the Section Type appears. "Media Section" would be our choice.

image

On the Media Section, most import is the banner image which you would add as an attachment to the new Media Section. After adding the attachment and selecting Type "Image", you would be able to select this in the Image field.

We also marked the Function instance field, we'll come back at that later.

image

Add a URL

The banner which we've just added is just will already be visible on the Now Mobile app, though it's just a plain image at this moment. To add a URL we would have to create a Function which we could attach to a Function instance. The Function instance which we saw earlier in this article.

To add a Function, navigate to "System Mobile > Functions". Create a new function with Type is "URL" and Context is "Global".

image

Ones the Function has been set up, we could go back to our create Media Section and add a new Function instance. On the Function instance select Parent table "Applet Launcher", the created Function, Location "Media section", and lastly Parent "Applet Launcher: Homepage".

image

Result

With this, when opening (or refreshing) your Now Mobile app, the banner will be visible on the Now Mobile homepage! The banner would also be clickable and will open a URL.

image

---

And that's it actually. Hope you like it. If any questions or remarks, let me know!

Kind regards,

Mar k Roethof

ServiceNow Technical Consultant @ Quint Technology

1x ServiceNow Developer MVP

1x ServiceNow Community MVP

---

LinkedIn

image

View original source

https://www.servicenow.com/community/mobile-apps-platform-articles/now-mobile-banner-with-link-media-item/ta-p/2303523