openBuild
  • Introduction
    • Introduction
    • The Framework
    • The Library
    • Release Notes
  • Core Concepts
    • Bubble vs openBuild
    • Responsive Design
      • Repeating groups
      • Advanced Responsiveness
    • Styles
      • Typography
      • Colors
      • Groups & Box Shadow
      • Inputs
      • Buttons
      • Style Variations
      • Changing styles
      • Custom CSS
    • Pages
      • index
      • base-menu
      • base-top
      • base-ribbon
      • base-mobile
      • admin
      • verify
      • styleguide
      • terms
      • login
      • reset_pw
      • privacy
      • 404
      • Menu
      • Base Layouts
  • WORKING WITH the framework
    • Getting Started
    • Navigation
      • Go to page
      • Navigation through custom states
      • Navigation through URL parameters
      • Navigation through URL parameters with Option sets
    • Data & Workflows
      • Custom States
      • Custom Events
      • Working with Reusables
      • CRUD
      • Source Popup
      • Backend Workflows
    • Users and Roles
    • Signup, Login, Password reset
    • Security & Privacy
      • Authenticating endpoints
    • Transactional Email
      • Setup Sendgrid
      • Setup Postmark
    • Alerts and Confirmations
    • Customization
    • Best Practices
      • Syntax
      • Color Coding
  • openBuild Library
    • Chrome Extension
  • Framework Elements
    • Menus
    • Option sets
    • Plugins
    • API Connector
    • User Access Management
    • CRUD Floating Group
    • CRUD Popup
    • Data Table
    • Security Redirect
    • Mail management
    • User Settings
    • Header & Footer
Powered by GitBook
On this page
  • 🔒 System
  • 🔔 Toast Category
  • 🎨 UI Colors
  • 📱Viewport
  • User Types
  • Tag Colors
  • 🧭 Navigation
  • 🧭 Element display
  1. Framework Elements

Option sets

A list of all the option sets we use in openBuild (and why)

PreviousMenusNextPlugins

Last updated 2 years ago

🔒 System

Main option set to manage your app-related assets and content like the app name or logo. Read more about it .

🔔 Toast Category

Option set listing the type of Toast Messages. These are linked to the option set. This option set is used for Alerts and linked to a Custom Event called 🔔 Toast used throughout the app. Read how it works in .

🎨 UI Colors

UI Colors option set is used on top of the Styles in the app.

📱Viewport

The viewport option set is used throughout the app to give you granular controls on your responsive design.

User Types

Using a predefined user type will help you in setting permission rules as opposed to using a simple text field that is error-prone. By default you find two options in the User Types option set:

  • Admin - administrator of the app. This type has access to the admin page.

  • User - normal app user.

You can add as many User types as you want, but it's good practice to keep the list simple. If you need more flexible way to control what User can see and do, you might consider creating a Permission option set.

Tag Colors

Tag Colors can be used by directly referring to it from the editor or it can also be used by linking it to a database field.

🧭 Navigation

Using an option set together with Custom events will allow you to build faster and reduce the number of bugs when working with Single Page Apps and cross-page navigation. It also opens up more advanced possibilities such as creating complex onboarding experiences.

🧭 Element display

Read how to use it in

This option set is dedicated to creating navigation in elements that can be used throughout multiple pages. It is used mainly in combination with reusable elements such as or .

Read more about how to use it in .

this section.
🍿CRUD Popup
👥 User Access Management
this section
this section
Tag Colors
in this section
UI Colors display. Find yours on /styleguide page
TAG Colors table. See it on /styleguide page in the template