Explore the App Components


Your App will typically have several components.

The Tabs component will allow you to organize these parts into a familiar layout - the tab interface.

Consider this scenario:  You are using the Customer Relationship Management (CRM) App, which shows a variety of information about the customer.  Instead of crowding it all onto a single screen, TABS allows you to organize it.  This App starts by showing the "Details" tab ...


... but you can quickly switch to the "Other Contacts" tab:



The Grid component enables the integration of powerful tables from multiple sources into your App, providing a simple yet flexible means of displaying data in a tabular format.

What if you have some names in a SQL database table that you want to display in your App?

Your App users will see this information using a Grid:


A Grid brings a host of powerful features, including:

  • Search: The ability to search for specific information by typing in the search bar
  • Filtering: The "Filter Funnel" icon on the right allows filtering the results by specific values
  • Sorting: Clicking a column heading will sort by that column
  • Actions: You can invoke an action by adding buttons to the grid.  In the case above, the "View" button allows your user to get additional details for the selected contact name.

Forms allows you to display and collect information from your website visitors.

In this illustration from our CRM system, the details for the contact can be edited, then saved with a click of a button.

Forms is Responsive, meaning it is smart enough to adapt when it's being used on a smaller device like a smart phone or tablet.  This is the same screen from above, but displayed on a smart phone:


Forms can collect and validate information in a variety of ways:

  • Collect a client's name and make sure that the field is not left blank
  • Collect an email address and make sure that it is has the structure of an email address
  • Validate an email address by sending an email and requesting the recipient click on a link
  • Use a dropdown list to provide acceptable choices and standardize data entry (i.e., "Male" and "Female" are the only choices allowed)
  • Use a multiple-choice check list to allow a visitor to subscribe to one or more mailing lists

The information you collect in Forms can be used in a variety of ways:

  • Use it in an Email 
  • Build a PDF attachment and send it to a vendor
  • Display it on your website
  • Send it in a text message
  • Build an online order, catalog, or guestbook
  • Save it in a database

There is an extensive list of Actions at your disposal that allow the components of your App talk to each other, to you, and to your customers.

How would I use this?
SQL Query - Write data that you collect from a form into a database

- Check the information that you collect on a form to make sure it's valid

- Change information in a database (example: when an order is complete, reduce the Quantity On Hand by the amount ordered

- Compose a report (example: when an order is complete, produce a list of items, quantities, and prices ordered)

Server Request - Get information from another website or web service to incorporate into your App

- Send information from your app to a web service (example: add a website visitor that has provided you with contact information to your MailChimp email campaign)
Generate a PDF Document - Build a nicely-formatted report that can be attached to an email

- Build a contract that includes your customer's information that is ready for signature
Send an Email - Send an email to your client to confirm an order, provide information about a product, or confirm their interest 

- Send an email to your staff to notify them to respond to an order

Display a Message - Display a message on the screen to indicate a successful registration or order.
Collect a Payment - Your customer can pay you using a debit card, credit card, or PayPal account
Unlock Website Content - When a visitor completes a form or pays a registration fee, you can unlock content on your website that is not visible to the general public.  This is useful, for example, when a customer pays for a service or information that is available on your website.  The information will be visible to your client, but hidden from other visitors.
Download a File - Send your client a file, such as a customer list or catalog page

- Build a file that is customized to your visitor and download it (example: a visitor orders from a restaurant online, their order is built into a nicely formatted PDF that opens in their browser
Open a new web page - When a visitor clicks a button or completes a form, send them to a new page on your website

- Send your visitor to a different website altogether
Send SMS Message - Send an SMS message through a Clickatell account to alert mobile users when a form is submitted or alert a client when their order is ready
Email List Integration - Automatically add subscribers to your Aweber lists.
Electronic Signature - Capture signatures online by allowing users to sign forms using touchscreen devices, touch pads or mouse.
Create Excel Spreadsheet - Create Excel spreadsheets using data captured with Forms and Grids
MailChimp - Turn your DNN portal into a marketing leads generation machine.
 Salesforce.COM - Integrate sales, support and marketing processes with the powerful Salesforce CRM application.