Navigations - URL

A URL Navigation component is a flexible navigation element used to redirect users to external websites or specific internal links not covered by standard view types. This is particularly useful for linking to external documentation, partner portals, or third-party tools directly from your SnapApp interface.

Table of Contents

• Types of Navigation Components
• Create and Configure a Navigation Component
• 1. Access the Navigation Builder
• 2. Configure the URL Navigation
• Common Configurations

Types of Navigation Components

SnapApp provides several navigation elements to build your application’s structure, including Dashboards, Custom Views, and Pages. While most components link to internal SnapApp features, the URL type allows for redirection to any valid web address.

Create and Configure a Navigation Component

Configuring a URL navigation link follows the standard SnapApp UX workflow within the Application Settings.

1. Access the Navigation Builder

1. Open Application Settings.
2. In the left navigation panel, find the UX menu.
3. Click on Navigation.
4. Click the Add New button from the right-hand side of the list view.

2. Configure the URL Navigation

After selecting the URL navigation type, define the following fields:

1. URL: Enter the complete web address (e.g., https://docs.snapapp.com) that you want to redirect to upon clicking.
2. Name: Provide a proper name for the component, such as “User Manual” or “External Portal”.
3. Description: Enter a brief summary of where this link leads.
4. Icon: Choose an icon that represents an external link or the specific destination.
5. Status: Select Active to make the navigation link visible to your users.

Common Configurations

Placement and visibility logic ensure that your external links are accessible only when and where they are needed.

1. Choosing a Position

You can place the URL component in one of three areas:

• Left Nav: For frequently used external resources.
• Top Nav: For secondary external tools.
• User Dropdown: For links like “Support” or “Terms of Service”.

2. Visibility Logic (Show If)

Use the Show If field to control which users can see the external link. By entering a SnapApp expression, you can restrict access to sensitive external portals based on user roles or specific application data.

Note: Ensure the URL includes the protocol (e.g., https://) to ensure the redirection works correctly across all browsers.