Pages

Create a custom front-end for your customers using the page builder's capabilities.

28 articles
Pages standards & best practicesLearn what the development standards are and which best practices you should use whilst building your pages.

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

Overview of the page builder's components and interactions


Page builder referenceNavigate through the page builder and see what options it has to offer.
Form componentsPage builder's form components and their interactions with actions in your application.
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.
Button component referenceAdd buttons to the user interface for your application to trigger events such as login or to show or shield specific information.
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.