Get Started
How Knack Works
Design Your Database
Manage Your Records
Build Your Live Application
View and Share Your App
Do More With Knack
Learn More
Workflow
Connect Related Data
Users & Access
Calculations & Logic
Emails & Notifications
Search & Queries
Reporting & Dashboards
E-Commerce & Payments
Builder Guide
Builder Basics
Tables & Connections
Plan Your Connections: Complex Example
Working With Tables
About Connections
Plan Your Connections: Simple Example
Connection Types
Plan Your Tables
Use Connections in Your App
Connecting Records Together
Special Tables
Connections: Troubleshooting & FAQs
Fields
Numeric Equation Functions
Field Types
Validation Rules
Date Equation Settings
Numeric Equation Settings
Formulas
Equations
Conditional Rules
Text Formulas
About Fields
Text Formula Functions
Records
CSV Format Guide for Importing
Delete Records
Import Records
Export Records
Importing Connections
Working with Records
Batch Updates
Pages
Page Menu
User Pages
Deleting a Page That's Being Linked to
Working with Pages
Navigating the Page Preview
Printing Pages & PDFs
Page Rules
Views
Grid Column Settings
Maps
Source: Which Records Will the View Display
Calendars
Grid Settings
Details
Menus
Using Action Links
Reports
Lists
Rich Text
Combining Fields from Connected Records in Views
Using Record Rules
Forms
Using Display Rules
About Views
Using Submit Rules
Searches
Grids
Users & Logins
Users and the Page Menu
Manage Roles & Permissions
Single Sign-On with Google, Facebook, Twitter, and Custom
Manage User Records
Logins and Registrations
About Users
Live App Security Settings: HIPAA Plans
Live App Security Settings
Tasks & Emails
E-Commerce
App Customization
FAQ
Support
Accounts
How do I cancel my Knack account?
I'm over the storage limit for my account. How do I add more storage or get under the limit?
Need account access or to transfer account access because account owner or colleague left the company
I'm over the record limit for my account. How do I add more records or get under the limit?
Is there an option to pay via invoice, check, wire transfer, or something other than a credit card?
How do I freeze or pause my Knack account?
Where can I find a copy of my receipt or invoice?
How do I add more API calls to my account?
Managing Apps
How do I change the favicon for my app?
How do I backup or export my apps and data?
How can I track what users are doing in my app?
How do I remove the "Powered by Knack" logo at the bottom of my app?
How do I give Builder access to a colleague or developer for one of my apps?
How do I white label my app?
How do I copy an app from my account to another account?
App Building
How do I show multiple dates on a calendar?
How do I add a logo to my app?
How do I find the most recent date from a connected table?
How do I create a field that always shows today's date?
Can I share or connect data between apps?
How do I create an "If, Then" or conditional equation?
How do I merge my apps, or copy pages, tables, or other app elements between my apps?
The menu isn't showing for my app on mobile devices. How do I fix that?
Is there a way to have new users be automatically logged-in after they register?
How do I bulk upload or import multiple files?
How do I move or copy fields or data from one table to another?
How can I show a customer's payment history if I'm collecting payments through my Knack app and through cash or check?
Is there a way to add a display rule to multiple columns at one time instead of having to update each column individually?
Do I need a separate user role table for my Vendors, Customers, Employees, Contacts, etc.?
How can I set up my app so users see only their own data?
Can I combine two date fields into a single date field? For example, combining a start and end date into a single field?
Does Knack offer a service for building apps or have developers I can hire?
How do I bulk upload or import multiple images?
How can I change the color of something in my app?
Is it possible to display more than 100 records at a time on a grid, list, or search view?
Can I?
Can I migrate or transfer data from Zoho, Quickbase, or TrackVia?
Can I add chat or messaging to my app?
Can I sell my Knack apps?
Can I use Knack on mobile devices?
Do you have a sandbox or developer environment?
Can I send SMS or text messages using Knack?
Can I integrate Knack with other data, products, and services?
Can I create invoices and accept payments?
Can I have an app in a language besides English?
Can I email PDFs or other attachments to users with Knack?
Can I add Google Analytics to my Knack app?
Can I migrate my Access, Filemaker, SQL, or other databases?
Can I prototype for others?
Can I customize the look and feel of my Knack pages?
Can I use a barcode or credit card scanner with Knack?
Other
How secure is Knack?
Does the signature captured through a signature field constitute a legally binding signature?
Does Knack offer a partner program?
How does Knack work on mobile devices? Is it mobile-friendly? Can users download my apps?
Is Knack GDPR compliant?
Storing sensitive data (credit cards, social security numbers, etc.)
Will Knack sign an NDA (Non-Disclosure Agreement)?
Which browsers do you support?
How do I batch download all of the images and files In my app?
Imports
I'm seeing an odd character when importing data. How can I get rid of it?
How do I update existing data using an import?
My import is failing or getting stuck. What do I do?
Can I undo or reverse an import?
I'm having trouble importing into a specific type of field. What can I do?
Some of my fields aren't importing correctly. How can I fix that?
I'm having trouble importing into a connection field. What can I do?
Can I import something other than data? Like tables, pages, views, etc?
My import is taking a long time. Can you take a look?
I'm getting an error when importing. What do I do?
Do the validation rules on fields trigger when importing data?
Can I schedule or automate imports?
Can my users import data from the live app, instead of going through the builder/back-end?
I am importing data for the first time. How do I do that?
Can I import data into more than one table at the same time?
How To Guides
Add Functionality to Your Live App
How To Create Discount Codes
Create an Add To Favorites Feature
How to Access Private Records Without a Login
Accept Payments in a Live App
Manage Your Records
Use an Edit Form to Create Records If They Don't Exist
Track Which User Last Updated a Record
Copy a Record Using Record Rules
Track When Records are Created and Updated
Create a Version History for Records
Use Zapier to Insert Connected Records
Work with Connected Records
How to Show Multiple Fields in Your Connection Drop-Down
Showing Parent-Child Records in the Live App
Forms
How to Create Dynamic Dropdowns in Forms
Add Read-Only Fields to a Form
How to Change the Layout of Forms
Create a Multi-Part Form
How to Allow Users to Add New Options in Forms
How to Add Instructions to a Form
How to Customize the Text on a Submit Button
How to Automatically Capture a User’s Location on a Form
How to Use URL Variables to Pre-Populate a Form
Customize Views
How to Add a Map to a Details View
How to Add Connection Links to Views
How to Add Inline Editing to a Grid
Create a Print-Friendly Invoice Page
How to Click on an Image to Go to Another Page
How to Add Groupings to a Grid
Users & Logins
Force Users to Reset Their Passwords
Save a User's Payment Method
Create a Single Login Page for Multiple User Roles
Add Read-Only Access For Users
Show Records Connected To The Logged-in User's Company Or Other Group
Show Records Connected to the Logged-in User
Create an Admin User Role to View All Records
Workflow & Automations
Add a Pipeline to Your App
Create a Registration Form with Limited Availability
Add Stages to Your App
Store Multiple Images or Files for Individual Records
Use Multiple Image Sources for a Single Image Field
Create a Button or Link that Updates a Field to a Custom Value
Notify a User That an Item is Ready for Review
Add Assignments to Your App
Using Mailchimp
Approve New Records Before Displaying Them
Workflow Tools
Add Notification & Reminder Emails to Your App
Add Status Indicators to Your App
Logic, Equations & Formulas
Start an Auto Increment Field from Any Number
Display a Message When a Deadline is Approaching
Generate Simple Numeric Barcodes Automatically
How to Set a Random ID
Calculate Age in Years from a Birthday
How To Number Line Items
Show Upcoming Birthdays
How to Extract the Start and End Dates from a Date Field
How to Display Multiple Date Formats Using a Single Date Field
Reports, Queries, and Summaries
App Walkthroughs
Build an Inventory Manager App
Build a Quiz App
Build a Warehouse Manager App
Build a Member Directory
Build an Orders App
Build a Map Directory or Store Locator App
Images & Files
Manage Your Account
Manage Your Account
About Knack Accounts
Account Plans and Billing
Managing Your Apps
Managing Your Account Settings
Sharing Apps with Shared Builders
App Settings: Map Provider
Script Attack Protection: Whitelisted Custom Code Elements and Attributes
Script Attack Protection: Protected Areas
Security & Infrastructure
Security Best Practices
Knack Status
Data Locations
Builder Security Settings for All Knack Plans
Builder Two-Factor Authentication
Performance
Table of Contents
- All Categories
- Builder Guide
- App Customization
- Working with Icons
Working with Icons
Updated
by Lesley
Icons can be added to different locations within an app. Here we will cover where and how to add icons.
Using Icons
Icons can be added to multiple places within your app, with a variety of icon options to choose from.
Page Menu
The page menu is the large menu at the top of your app, with links to each starting page. An icon can be added to any page in the page menu.
To add an icon to a page in the page menu, select the page you wish to add an icon to in the pages section of the Knack builder. Then select the "Settings" tab in the top menu or from the settings icon next to the page name.
This will open the Settings for that specific page, where you will be able to add an icon to that page.
This will open a popup where you can choose from a list of icons and set the icon alignment.
The icon alignment can be set to either left or right.
- Left: the icon will appear on the left side of the button text.
- Right: the icon will appear on the right side of the button text.
You can learn more about working with page menus here.
Menu View
Menu views allow you to add button or tab menus, which link to other pages in your app or external URLs. Icons can be added when adding or editing a link, while editing a menu view.
To edit the view, select the menu view from the pages section of the Knack builder.
While editing the view, select the "Add Links" tab to add a new link to the menu or hover over an existing button in the preview to edit the link.
The menu button settings will open in a modal popup, there select "add icon" and you will be able to choose an icon.
Grid & Search Views
Icons can be used in both grids and search views, which are used to display multiple records in your app. Icons can be added to the grid columns in both these views using display rules based on the record values.
Grid Columns
To add icons, select the view from the pages section of the Knack builder to edit the view settings. In the view editor, hover over a column to select the edit icon.
The view settings will open in a modal popup. There, you can select the "Display Rules" tab and "Add Rule."
There are two sections to a rule, "If" and "Then":
- If: use the If section of the rule to define when the icon will show.
- Then: use the Then section to define what will be displayed only when the "If" statement is true.
Multiple display rules can be added by selecting the "Add Rule" button, or the top green "+" button.
View Links
Icons can be added to columns with special links as well, which link to view more details, edit, delete or to another page.
When editing a view using a table, hover over the columns containing the link and select the pen icon to open the column settings.
In the "Properties" section of the column settings, select "add icon" to add an icon to the column link.
Here you can learn more about using grid and search views.
Other Views
Icons can be added to special links within list, detail, calendar, and map views as well. These are links to view more details, edit, delete and link to another page.
Below you can see these links with icons in a list view.
When editing these views, links can be added from the "details" tab and will be added to the view as an individual field.
To add an icon to these views, select the view from the Pages section of the Knack Builder to edit the settings. Then hover over the link you wish to add an icon to in the view preview and select the pen icon to edit the link.
In the field settings, select "add icon" to choose an icon for this field.
Click the following links to find more information about list, detail, calendar, and map views.
Complete List of Icons
You can find a complete list of icons that are available in Knack here.
- adjust
- adn
- align-center
- align-justify
- align-left
- align-right
- ambulance
- anchor
- android
- angle-double-down
- angle-double-left
- angle-double-right
- angle-double-up
- angle-down
- angle-left
- angle-right
- angle-up
- apple
- archive
- arrow-circle-down
- arrow-circle-left
- arrow-circle-o-down
- arrow-circle-o-left
- arrow-circle-o-right
- arrow-circle-o-up
- arrow-circle-right
- arrow-circle-up
- arrow-down
- arrow-left
- arrow-right
- arrow-up
- arrows
- arrows-alt
- arrows-h
- arrows-v
- asterisk
- automobile
- backward
- ban
- bank
- bar-chart-o
- barcode
- bars
- beer
- behance
- behance-square
- bell
- bell-o
- bitbucket
- bitbucket-square
- bitcoin
- bold
- bolt
- bomb
- book
- bookmark
- bookmark-o
- briefcase
- btc
- bug
- building
- building-o
- bullhorn
- bullseye
- cab
- calendar
- calendar-o
- camera
- camera-retro
- car
- caret-down
- caret-left
- caret-right
- caret-up
- caret-square-o-down
- caret-square-o-left
- caret-square-o-right
- caret-square-o-up
- certificate
- chain
- chain-broken
- check
- check-circle
- check-circle-o
- check-square
- check-square-o
- chevron-circle-down
- chevron-circle-left
- chevron-circle-right
- chevron-circle-up
- chevron-down
- chevron-left
- chevron-right
- chevron-up
- child
- circle
- circle-o
- circle-o-notch
- circle-thin
- clipboard
- clock-o
- cloud
- cloud-download
- cloud-upload
- cny
- code
- code-fork
- codepen
- coffee
- cog
- cogs
- columns
- comment
- comment-o
- comments
- comments-o
- compass
- compress
- copy
- credit-card
- crop
- crosshairs
- css3
- cube
- cubes
- cut
- cutlery
- dashboard
- database
- dedent
- delicious
- desktop
- deviantart
- digg
- dollar
- dot-circle-o
- download
- dribbble
- dropbox
- drupal
- edit
- eject
- ellipsis-h
- ellipsis-v
- empire
- envelope
- envelope-o
- envelope-square
- eraser
- euro
- exchange
- exclamation
- exclamation-circle
- exclamation-triangle
- expand
- external-link
- external-link-square
- eye
- eye-slash
- facebook-square
- fast-backward
- fast-forward
- fax
- female
- fighter-jet
- file
- file-archive-o
- file-audio-o
- file-code-o
- file-excel-o
- file-movie-o
- file-o
- file-pdf-o
- file-photo-o
- file-powerpoint-o
- file-sound-o
- file-text
- file-text-o
- file-video-o
- file-word-o
- file-zip-o
- files-o
- film
- filter
- fire
- fire-extinguisher
- flag
- flag-checkered
- flag-o
- flash
- flask
- flickr
- floppy-o
- folder
- folder-o
- folder-open
- folder-open-o
- font
- forward
- foursquare
- frown-o
- gamepad
- gavel
- gbp
- ge
- gear
- gears
- gift
- git
- git-square
- github
- github-alt
- github-square
- gittip
- glass
- globe
- google-plus
- google-plus-square
- graduation-cap
- group
- h-square
- hacker-news
- hand-o-down
- hand-o-left
- hand-o-right
- hand-o-up
- hdd-o
- header
- headphones
- heart
- heart-o
- history
- home
- hospital-o
- html5
- image
- inbox
- indent
- info
- info-circle
- inr
- institution
- italic
- joomla
- jpy
- jsfiddle
- key
- keyboard-o
- krw
- language
- laptop
- leaf
- legal
- lemon-o
- level-down
- level-up
- life-saver
- lightbulb-o
- link
- linkedin-square
- linux
- list
- list-alt
- list-ol
- list-ul
- location-arrow
- lock
- long-arrow-down
- long-arrow-left
- long-arrow-right
- long-arrow-up
- magic
- magnet
- mail-forward
- mail-reply
- mail-reply-all
- male
- map-marker
- maxcdn
- medkit
- meh-o
- microphone
- microphone-slash
- minus
- minus-circle
- minus-square
- minus-square-o
- mobile
- money
- moon-o
- mortar-board
- music
- navicon
- openid
- outdent
- pagelines
- paper-plane
- paper-plane-o
- paperclip
- paragraph
- paste
- pause
- paw
- pencil
- pencil-square
- pencil-square-o
- phone
- phone-square
- picture-o
- pied-piper
- pied-piper-alt
- pinterest-square
- plane
- play
- play-circle
- play-circle-o
- plus
- plus-circle
- plus-square
- plus-square-o
- power-off
- puzzle-piece
- qrcode
- question
- question-circle
- quote-left
- quote-right
- ra
- random
- rebel
- recycle
- reddit-square
- refresh
- renren
- reorder
- repeat
- reply
- reply-all
- retweet
- rmb
- road
- rocket
- rotate-left
- rotate-right
- rouble
- rss
- rss-square
- rub
- ruble
- rupee
- save
- scissors
- search
- search-minus
- search-plus
- send
- send-o
- share
- share-alt
- share-alt-square
- share-square
- share-square-o
- shield
- shopping-cart
- sign-in
- sign-out
- signal
- sitemap
- skype
- slack
- sliders
- smile-o
- sort
- sort-alpha-asc
- sort-alpha-desc
- sort-amount-asc
- sort-amount-desc
- sort-asc
- sort-desc
- sort-numeric-asc
- sort-numeric-desc
- soundcloud
- space-shuttle
- spinner
- spoon
- spotify
- square
- square-o
- stack-exchange
- stack-overflow
- star
- star-half
- star-half-o
- star-o
- steam
- steam-square
- step-backward
- step-forward
- stethoscope
- stop
- strikethrough
- stumbleupon
- stumbleupon-circle
- subscript
- suitcase
- sun-o
- superscript
- support
- table
- tablet
- tachometer
- tag
- tags
- tasks
- taxi
- tencent-weibo
- terminal
- text-height
- text-width
- th
- th-large
- th-list
- thumb-tack
- thumbs-down
- thumbs-o-down
- thumbs-o-up
- thumbs-up
- ticket
- times
- times-circle
- times-circle-o
- tint
- toggle-down
- toggle-left
- toggle-right
- toggle-up
- trash-o
- tree
- trello
- trophy
- truck
- try
- tumblr
- tumblr-square
- turkish-lira
- twitter-square
- umbrella
- underline
- undo
- university
- unlink
- unlock
- unlock-alt
- unsorted
- upload
- usd
- user
- user-md
- users
- video-camera
- vimeo-square
- vine
- vk
- volume-down
- volume-up
- volume-off
- warning
- weixin
- wheelchair
- windows
- won
- wordpress
- wrench
- xing-square
- yahoo
- yen
- youtube
- youtube-play
- youtube-square