Application UX development

Simplified UI development

With Quickbase, the UI development process is simplified for business technologists to support quick iteration and operational agility. Quickbase generates a complete app (i.e. CRUD forms, navigation, reports, dashboards) for developers based on the schema. The elements of the application are updated as developers modify schema, such as changes to any fields, tables or relationships. Declarative roles and permissions provide data level security and personalized UIs to end users with no additional development. Similarly, form layouts, dynamic form rules and reports are configured or declared - not coded as they would be in other application development platforms. Developers can create in-depth dashboards through simple drag and drop capabilities.

For citizen developers and business technologists without development training, Quickbase provides an element of WYSIWYG UI design experience. For example, dashboards are visually designed with a WYSIWYG experience. The creation of forms, mobile experience and charts have a declarative design with a preview. Additionally, when developers make single element changes to forms, such as adding or removing a field, these changes are made live.

To further simplify the development process, Quickbase automatically generates default forms and CRUD actions from table schema with a basic layout to customize. This is controlled by field settings. An explicit step is not required. Applications can be managed as templates and copied for predetermined or standardized applications and experiences.

Styling and layouts

The platform offers builders a variety of controls and built-in layout options, offered through fields, reports (e.g. Kanban, timeline), charts (e.g. bubble, waterfall) and dashboards (e.g. widgets). The controls for filters, navigation and CRUD are built into the UI. Builders can access or create reusable composite components which are published to the app exchange for consumption. Quickbase provides options for advanced styling and layouts, such as:

  • Forms which can be organized into tabs and sections
  • Fields allow HTML and CSS to be mashed up with data
  • Quickbase code pages with JavaScript can be embedded as iFrames
  • Dashboards are visually arranged on a canvas with resizable widgets
  • Custom branded applications

Complex interactions

Within applications, the UI can be customized based on what data and information the end user should or should not see. Declarative conditional form rules support data and sections being shown, hidden, changed and state changes based on form events. Built-in help provides tips on the fields and options for possible actions at that point. Quickbase determines if interactions should be completed client-side based on the type of calculation.