Create a custom front-end for your customers using the page builder's capabilities.
40 articles
Pages standards & best practicesLearn what the development standards are and which best practices you should use whilst building your pages.
Learn about Pages
Working with page-building features
Getting started with page builderStart building your application interface by creating a new page through the pages menu.
Pages quick menuNavigating to the pages module and using the quick menu is explained.
Creating a new pageFirst steps to creating a new page via the page builder.
Page builder component sectionA list of components the default component set offers to the builders.
Working with a navigation barApply a logo and adjust the styling of your navigation bar, turn this bar into a partial or component to enable its reusability.
Working with the component treeUse the component tree to navigate to specific elements on your page. You can also access the options menu or rename the component.
Viewing and compiling your first pageLearn how to view the compiled version of pages in your application.
Pages menu overviewDesign and create the user interface for an application using the extensive set of building blocks provided in the pages menu.
What are component interactions?Use predefined functions for creating interactions in your application.
Adding data to your applicationThis article contains an example of how you can display data using a data component in the page builder.
Using the wrapper componentFind out how to install and configure the wrapper component in this article.
Page security (for a specific role)Explore the methods of securing your pages and specific components.
Creating and using partialsTurning components into partials to be able to reuse them on different pages in your application.
Page variables versus data containersUnderstand the advantages of using page variables over data containers in reducing server queries, enabling easier data display, etc.
Navigating between componentsDiscover the components' navigation and hierarchy.
Reference
Brief overview of the page components and interactions
Page builder referenceNavigate through the page builder and see what options it has to offer.
Layout component referenceA basic overview of layout components one can use to format web pages.
Navigation component referenceBuild the navigation for your application. Pre-built components can be customized and extended as required.
Content component referenceDiscover which content components the default set has to offer and what they are capable of.
Data component referenceBuild tables and lists based on specific properties contained in one or more models from your data model.
Form component referenceLearn what kind of form components the default component set has to offer and how they can be used in your application.
List component referenceFind out which list components the default component set has to offer and what they can be applied to.
Card component referenceApply specific layout and formatting for rich media such as thumbnail images, titles, or buttons.
Logic component referenceUsing the logic component, you can set conditions to control access to, for example, specific parts of an application or web page.
Interactions referenceList of extra interactions you can come across while working with component interactions.
Using page components
Single component use explained
Column componentLearn about the Column component: its characteristics, options, and common use.
Box componentLearn about the Box component: its characteristics, options, and common use.
Container componentLearn about the Container component: its characteristics, options, and common use.
Form & input components its inputsLearn about the Form component: its characteristics, options and the inputs you can add to it.
Create, Update & Login form componentsLearn about the Create form, Update form & Login form components: their characteristics, options, and common use.
Column layout componentUse the Column layout component to quickly build a carcass for your page.
Grid componentThis article will help you understand what the Grid component is and how to work with it.
Paper componentThe layout-building Paper component: its characteristics, options, and ways to use.
Panel & Expansion panel componentsThis article will help you understand the Panel and Expansion panel components and how to work with them.
Button, Open page button, Action button & Logout button componentsLearn about the Button components: their characteristics, options, and common use
Drawer componentsA quick overview of the drawer-based components: Drawer, Drawer container & Drawer sidebar.
Card, Card content, Card header, Card media & card action componentsLearn about the Card components: their characteristics, options, and common use
Navigation bar componentLearn about the Navigation bar component: its characteristics, options, and common use.
Tab componentsLearn about the Tab & Tabs components: features, options, and common use.