This article will provide you with a comprehensive understanding of the fundamentals of utilizing Pages and Views to create your Live App.
Users will engage with your Knack application through the Live app. Consider the Live App as a website specifically crafted for users to interact with the data you provide them.
In the Pages section of the Knack Builder, you can add visual elements, known as Views, that allow your live app to seamlessly interact with your records.
Views are organized into Pages. Users will start on a designated start page and can easily navigate to other pages to access different views.
Each page can contain one or more views.
A view is a visual component that interacts with the records in your database. These views include:
- Forms to add and update records
- Grids, Lists, Maps, and Calendars to display multiple records
- Searches to find specific records
- Details to view the details of a single record
- Reports to view summaries and calculations of multiple records
- Menus to link to other pages
- Rich Text views are utilized to showcase static content within your interface, such as images and formatted text.
Your application begins with a single "Home" page, but you have the flexibility to incorporate multiple pages into your Knack app. To incorporate additional pages into your live app, simply click on the green "+" button located to the right of the "All Pages" section in the left column:
To get a preview of your live app pages, simply click on the dropdown arrow next to "Using live data" and choose between live data or sample data:
You can also view your pages in your live app by clicking on the "Go to Live App" button or by clicking the button below:
After you've added a new page, you can start adding views to enhance your pages.
To learn more information on adding and editing pages in your app, see our Working With Pages article.
The interface starts with a blank start page, which serves as the initial view for users.
In order for users to access and view data in your app, it is necessary to add views to your app pages. As an example, this page includes two grids, one for viewing Contacts, and another for viewing Proposal Stages:
To begin, simply click on the "Add View" button located in the top menu to add your first view.
Upon clicking the "Add View" button, you will have the option to select a view type from the menu on the left side of the page:
After choosing the type of view you want to add to your live app page, you'll need to select the table that the view will be associated with:
After you've added the view, you will be directed to the view's settings where you can customize it according to your preferences.
To learn more information on adding and editing view, see our About Views article.
Menus and Links
Once you have added pages and views to your Knack app, it's important to provide your users with easy ways to navigate between different app pages. Menus and Links provide a convenient way for users to move between various pages in your app.
It is crucial to grasp the concept of menus and links in order to effectively construct a multi-page app.
- The top of the page features a menu called the Page menu. This menu displays a link to each parent page, such as your "Dashboard" page.
- Above the grid, you'll find a convenient link labeled "Add Note." This link represents a Menu view that connects to a child page.
- Within the grid, there is an Action Link field labeled "edit status". By clicking on these links, users will be directed to a child page that provides additional information about a specific company record.
- This feature is particularly beneficial if you prefer not to display every field as a grid column or if you want to showcase records connected to the company.
Adding User Logins
If you want to manage access to your app pages, you might consider adding user logins. If User Logins are enabled, you can easily add logins to your app.
Simply click on the down arrow button next to your page's name and choose "Require Login" from the dropdown menu.
As a result, users will be required to log in before accessing any page.
To learn more information on logins and registrations, see our Logins and Registrations article.
Showing Connected Records
With Knack, it's a breeze to connect records. For instance, you can effortlessly configure your database so that each Contact record is linked to a corresponding Company record.
After connecting your records, it becomes easy to showcase them in your pages and views. For example, you might want to display all the Products that are associated with a particular Purchase:
Simply click on the "Add View" button on any Details or Edit page in the Builder, and Knack will provide you with options to display the connected records:
You can easily display the connected records with a view as Knack recognizes the connection between Purchases and Products.
To learn more about displaying connected records, see our Combining Fields from Connected Records in Views article.