Before you get started on your app, it helps to have a solid understanding of how the Knack Dashboard and Builder work. In this article, we’ll cover all the basics you need to know before diving into your app.
The Knack Dashboard
The dashboard is your Knack home page. You can easily create new apps, manage app settings, and share apps with other builders.
From the Apps tab, you can view, share, or delete current apps, add a new app, or view apps that have been shared with you. You’ll also see an overview of your plan usage:
From the Account tab, you can set your account name and URL under the "Overview" section. This is used in the URLs for all of your apps that aren’t embedded. You may also temporarily freeze or delete your account from the Accounts section once you click on the "Management" tab.
Finally, the Plan & Billing tab allows you to manage your Knack billing details. From here, you can update payment information, access past invoices, manage your plan, edit your billing contact information, and view your plan usage.
You can also access the Knack dashboard by clicking on the Knack logo next to the app’s name:
The Data section of your Builder is where you build your app’s structure and define how your app’s data will be organized. This is done using tables, user roles, and connections.
In Knack, data is separated into groups called tables. Think of a table as a spreadsheet or a database table. You’ll see your app’s tables listed along the left-hand side of your data section.
Each table includes various fields. Fields define specific attributes of a table, similar to columns in a spreadsheet. Knack has several different field types that can be added depending on the type of data you are managing.
Knack apps also offer the option to define groups of users who will have access to your app. This is done using user roles that are similar to tables with fields.
Tables: Your tables are listed on the left. Click a table to view, edit, or add new fields. Edit the settings, copy or delete a table by clicking the more icon (the “...” icon) next to the table name. Add a new table by clicking the green “+” button.
User Roles: All the user roles for your app are listed here. Add or edit fields just as you do with tables. Note that user roles have several fields that cannot be deleted: Name, Email, Password, User Status, and User Roles.
Payments: When e-commerce is enabled on your app, payment tables will appear, allowing you to view and manage payments that have been made in your app.
Fields: All the fields for the selected table or user role are listed on the right side of the Builder. To edit a field, click on the field box, or click the “...” more icon to reveal options. Add a new field by selecting the “+ Add Field” button from the top menu.
All the records for each table and user role are available to view and manage in the Records section of your Builder. Records can be added here directly or with forms in your Live App.
You can view the records in a table by clicking the Records section of the Builder and selecting one of the tables or user roles.
Click the "Add Record" button to add records manually.
The top bar contains options to import or export records, run a batch update, or delete records.
Edit each record by clicking directly on the field you’d like to change.
Read more about working with the Data and Records section of your Builder here.
The Pages section of your builder is where you build the visual elements of your app and define how your data will appear and be managed in your Live App. This is done by adding views to your app that may include forms, tables, lists, and calendars.
Pages and Views
Each page in your app contains views that define how your data is displayed and managed by your users. These views will work with the app structure and data that you defined in the Data and Records section of your Builder. Types of views include:
Forms to add or edit records
Tables, lists, and calendars to display multiple records
Searches to find specific records
Details to view a specific record
Reports to view summaries and calculations of multiple records
In the Pages section, you can see all pages listed in the page tree on the left side and a preview of your page to the right. As you build your pages, your page preview will update automatically to show you a preview of your most recent page updates.
All the pages are listed on the left and displayed in a page tree. You can select and expand starting pages to show the connected child pages. Click the green "+" button to add a new page.
Click on a specific page to see a preview of how that page appears in your Live App. In the above examples, the page has a Details view showing an individual Contact record.
You can hover over a view in the page preview to move, copy, edit, or delete the view. When editing the view, the toolbox will open on the left side of the Builder with view settings.
Each view will work with fields from one of your tables. For example, here you can control which fields from the Contact table display as fields in the Details view:
Each view works with records from a specific table. When you add a new view, you can choose which table you want that view to work with.
Read more about working with the Pages section of your builder and the Live App.
The Tasks section of the Builder is where scheduled tasks can be added and managed for your tables and user roles. A scheduled task can be used to automate record updates, insert a connected record, or send a custom email based on specific pre-defined criteria at a set schedule of daily, weekly, or monthly.
View or add a task by selecting a table or user role from the right side of the Builder. Any existing tasks will appear on the right side of the Builder. Use the “Tasks” button in the top navigation to add a new task.
Read more on using tasks with your app here.
The Settings section of your Knack Builder is where you manage settings specific to the app you are working in. Here you can manage basic settings like the App Name and URL, as well as add custom code to your app.
App Settings: In the App Settings section, you can manage general details like app name, as well as security, view details, and map provider.
Live App Design: The Live App section contains options to customize the look and feel of the app by choosing the design settings for buttons, page layout, text, and headers.
User Logins: The User Logins section allows you to enable users and logins for your app as well as manage security settings for your Live App.
E-Commerce: The E-Commerce section allows you to enable e-commerce and manage payment processors so you can take payments in your Live App.
Embed: Here, you can generate embed codes to embed your app into an external web page.