Thank you for your feedback.
Form temporarily unavailable. Please try again or contact docfeedback@servicenow.com to submit your comments.

Create an applet launcher

Log in to subscribe to topics and get notified when content changes.

Create an applet launcher

Create an applet launcher to serve as a landing page for your users.

Before you begin

Role required: admin

Procedure

  1. Navigate to System Applications > Studio.
  2. Select your application.
  3. In the Application Explorer, navigate to Mobile Development > Applet Launchers and select Applet Launchers.
  4. Click the pop-out icon (Pop out icon) that appears to the right of Applet Launchers.
  5. In the applet launchers list, click Create an Applet Launcher.
  6. In the Create an Applet Launcher window, enter a name for your launcher.
  7. Select Available offline to make this launcher available to users in offline mode.
  8. Click Save.
  9. In the Header type field, select a header type.
    Header TypeDescription
    Home Header type for launch pages that serve as a home page for the user. You can configure the title to include the user's name. The launcher icon in the upper right corner displays the user's image or initials. You can configure the icon to link to the user's profile.
    Generic Header type for launchers that do not serve as a user's homepage. Generic applet launchers have a static title. The launcher displays a configurable icon in the upper right corner.
  10. On the form, fill in the fields.
    Some of the listed fields only appear for a specific header type.
    Table 1. Applet launcher form
    Field Description
    Title Title that you add to the top of the launcher. This field appears only when the Header type is Generic.
    Text Text that you add to appear before the user's full name. This text and the user's name create a title for the launcher. For example, if you enter Hello, the title appears as Hello <FirstName> <Lastname>.This field appears only when the Header type is Home
    Include Icon Option that you can select if you want to include a configurable icon in the upper right corner of the launcher page. This field appears only when the Header type is Generic.
    Icon Icon that you can select to appear. The color of this icon is not configurable. This field appears only when you select the Include Icon option.
    Destination Applet that you can select to launch when your user taps the icon. This field appears only when you select the Include Icon option.
    Employee Profile Applet that you can select to launch when your user taps the Employee icon in the upper right corner of the home page. This icon appears as the user's avatar image or initials. This field appears only when the Header type is Home.
  11. Click Save.

Add UI sections to your applet launcher

Use UI sections so that your users can access your applets.

Before you begin

Role required: admin

Procedure

  1. Navigate to System Applications > Studio.
  2. Select your application.
  3. In Application Explorer, navigate to Mobile Development > Applet Launchers and select Applet Launchers.
  4. Open your applet launcher.
  5. In the UI section of your applet launcher, click the add button (Add button) to create a new UI section.
  6. On the form, fill in the fields.
    Table 2. UI section form
    Field Description
    Section Name Name for the UI section.
    Section Type Section type:
    • Icon sections display applets using the icon that is defined in each applet.
    • Item sections display records from a single applet in a list format.
    List applet List applet. Select a list applet to display in your section. The records that are displayed in the section are the same records that appear when you use this applet. This field appears only when Section type is set to Item.
    Section label Label that appears for the section. This field is automatically set when you use the name of the applet from the List applet field. This field appears only when Section type is set to Item.
    Orientation Orientation that you select. You can select Horizontal or Vertical for the items in this section.
    Select the applets to display in the icon section Applets that you select to appear as icons in the UI section. You can move applets to the Selected Applets list. This field appears only when Section type is set to Icon.
  7. Click Create new.
  8. (Optional) Hide the title of your UI section.
    The title of your UI section is visible by default.
    1. In the native UI, enter sys_sg_item_section.list in the filter navigator to open a list of UI sections.
    2. Open the record for your item section.
    3. Clear the Display title option to hide the title for your UI section.
    4. Click Update.
    Example of a hidden title in a UI section. The title of your UI section is not visible in your mobile app. The header is still visible, so you can see the See All button in the upper right corner of the UI section. This example image shows two UI sections. The upper UI section has a hidden title. In this case, the header is displayed, so the spacing has not changed and the See All option is still visible.

Configure UI section options

Open the UI section record in the native UI to configure additional options for your UI sections. You can hide the title or header of the UI section, and set a maximum item limit. You can also add display conditions and role requirements to control when your UI section is visible to your users.

Before you begin

Role required: admin

Procedure

  1. In the native UI, enter sys_sg_item_section.list in the filter navigator to open a list of UI sections.
  2. Open the record for your item section.
  3. On the UI section form, change the fields to control how your UI section displays.
    Table 3. Item section form
    Field Description
    Hide header Controls the visibility of the UI section header. Enable this field to hide the title for your UI section. Example of a hidden header in a UI section. The header of your UI section is not visible in your mobile app. When the header is hidden, the title and the See All button are not visible in your UI section. This example image shows two UI sections. The upper UI section has a hidden header.
    Display title Controls the visibility of the UI section title. This field is enabled by default. Clear the Display title option to hide the title for your UI section. Example of a hidden title in a UI section. The title of your UI section is not visible in your mobile app. The header is still visible, so you can see the See All button in the upper right corner of the UI section. This example image shows two UI sections. The upper UI section has a hidden title. In this case, the header displays, so the spacing has not changed and the See All option is still visible.
    Max Items Display Count Controls the maximum number of applets visible in the UI section. The default value for this field is 15.
    Data Item The data item used to define a visibility condition for the UI section.

    The instance uses the data item in this field to define a visibility condition for your UI section. Leave this field empty if you do not plan on limiting the visibility of the UI section using the Visibility Condition field.

    Table The table used to define a visibility condition for the UI section.
    Note: The table selected in this field should match the table of the data item you selected in the Data item field.

    The instance uses the table in this field to define a visibility condition for your UI section. Leave this field empty if you do not plan on limiting the visibility of the UI section using the Visibility Condition field.

    Required Roles Lists the roles required to view this UI section. If the field is empty, the UI section has no role restrictions.
    Note: The Required Roles field is not on the form by default. For information on adding fields to your form layout, see Configuring the form layout.
    Visibility Condition The condition under which the UI section is visible. Use the condition builder to control whether the UI section displays based on data the data item selected in the Data item field. For information on using condition builders, see Condition builder

Configure quick actions in your applet launcher

Define quick actions for your applet launcher so that your users can access commonly used functions, such as transferring records or using a template in the mobile app.

Before you begin

Role required: admin

Procedure

  1. Navigate to System Mobile > Applet Launchers.
  2. Open the applet launcher record that you would like to add a quick action to.
  3. In the Quick Actions Menu Maps list, double click Insert a new row.
  4. In the reference field pop-up window, select a function instance to use in your quick action.
  5. Press your tab key to move to the Order field and enter a number for the order.
    Actions appear in the quick action menu according to their Order field value, from the lowest to the highest value.
  6. (Optional) To replace an existing quick action, double-click an existing action and select another function instance.
  7. (Optional) To remove an existing quick action, click the red x on the left of the quick action.
  8. Click Update.
Feedback