This section provides general instructions for configuring your Application Settings .

Table of Contents

• Application Info
• Navigation Bars:
• Application Features
• Message Settings
• Application Branding
• Menus
• Menu Configuration
• Breadcrumbs
• Configuring a Breadcrumb
• Parent Breadcrumb
• Child Breadcrumb (Detailed View)
• Navigation

Application Info

• Name: Enter the name of your application.

• Theme: This is set to “Custom Theme”. There is a dropdown menu here to select from different themes or options to customize the theme.

• Description: This displays a short description of the application

• Default Start Page: This section controls the default landing page of the application. You can paste the URL of the custom page.

Navigation Bars:

• Left Nav Color: This section controls the default landing page and the color of the left navigation menu within the application.

• Left Nav Icon Color: This refers to the color of the icons within the left navigation menu.

• Top Nav Color: This refers to the color of the top navigation bar.

• Top Nav Icon Color: This refers to the color of the icons within the top navigation bar.

• Default App Folder: This path indicates the location where application data is stored on the server.

• Font: You can choose any font available in the huge dataset of Google Fonts. This Font will be used in the entire application

Application Features

The bottom section says “Application Features” and lists functionalities enabled for SnapApp Docs:

Message Settings

• Push Contacts: Enable or disable the ability to send push notifications to contacts within the application. This feature allows you to keep users informed with timely updates directly on their devices.

• Use SendGrid Templates: Integrate and use SendGrid templates for sending emails. This feature allows you to use predesigned email templates from SendGrid to ensure consistent and professional communication with your users.

Clicking the Save button in the Application Info section will save and upload the data you have provided

Application Branding

Here are the application branding settings you can configure:

• App Logo: This setting allows you to upload a logo image for your application.

• App Favicon: This setting allows you to upload a favicon image for your application. A favicon is a small icon that appears in the browser tab or bookmark list for your app.

• Custom Theme: This setting allows you to upload a custom theme for your application. A theme is a set of colors and styles that can be applied to your application’s user interface.

• Custom CSS: This setting allows you to upload custom CSS code for your application. CSS (Cascading Style Sheets) is a programming language that allows you to style the appearance of your application’s user interface.

Clicking the Upload button in the Application Info section will save and upload the data you have provided

Menus

A menu consists of clickable options enabling users to navigate seamlessly through a website or application, enhancing navigation ease.

Click on + Add New to open the configuration settings for menus

Menu Configuration

Breadcrumbs

Breadcrumbs are a navigation feature designed to display a user’s current location within a website or application. They appear as a series of text links separated by arrows or other symbols. Clicking on any link in the breadcrumb trail allows users to easily navigate back to previous pages they have visited.

Click on + Add New to open the configuration settings for Breadcrumbs

Configuring a Breadcrumb

• Breadcrumb Name: Select an appropriate name for your breadcrumb that will be visible at the top of your view.
• Breadcrumb Icon: Choose an icon from the icon dropdown, or leave it blank for text-only breadcrumbs.
• Application ID: Select the application for which you are creating the breadcrumb.

Parent Breadcrumb

• Root Breadcrumb: Leave the Breadcrumb dropdown menu blank if you are creating a root breadcrumb.
• View Path: Provide the path to the view of your object by specifying the type of view and the slug associated with the view name, e.g., /view-name/slug-name-for-the-view/.
• Chaining Breadcrumbs: Repeat this process for creating additional breadcrumbs until you reach a detailed view.

Child Breadcrumb (Detailed View)

• Select Parent Breadcrumb: Choose the parent breadcrumb from the dropdown list (make sure the parent breadcrumb is already created).
• Logical Flow: Ensure the selected breadcrumb logically follows the flow of the application.
• Detailed View Path: Provide a path for the detailed view, e.g., /detail-view/generated-id-of-the-view/*. The * automatically refers to the selected item of the object.

Navigation

• Back Navigation: Users can click on the parent breadcrumb to navigate back, except when they are on the root breadcrumb page.
• Record Identification: In the detailed view, the last child breadcrumb displays the ID of the selected record. For better readability, configure the Record Label Field of the object to a specific field, such as ‘name’.

By following these instructions, you can effectively configure breadcrumbs for better navigation and user experience within your application.

Thank you for following these steps to manage your SnapApp application settings effectively. If you have any questions or need further assistance, please don’t hesitate to reach out to our support team. We’re here to help you make the most out of your SnapApp experience.

For support, email us at snapapp@bluevector.ai