Create a custom front-end for your customers using the page builder's capabilities.
60 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 PagesStart 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.
Pages 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 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.
Unified component stylesAdd custom styles to the components in Pages.
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.
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 componentsLearn 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 componentsLearn about the Button components: characteristics, options, and common use of the Button, Open page button, Action button & Logout button.
Drawer componentsA quick overview of the drawer-based components: Drawer, Drawer container & Drawer sidebar.
Card componentsLearn about the Card components: characteristics, options, and common use of Card, Card content, Card header, Card media & Card action.
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.
Icon and Avatar componentsLearn about the Icon and Avatar components: features, options, and common use.
Menu componentLearn about the Menu components: their characteristics, options, and common use.
Divider componentLearn about the Divider component: its characteristics, options, and common use.
Stepper componentLearn about the Stepper and Step components: features, options, and common use.
Title & Text componentsLearn about the Title & Text components: their characteristics, options, and common uses.
Dialog componentDialog page component: features, options, and common use.
Alert componentLearn about the Alert component: its characteristics, options, and common uses.
Chip componentFeatures, options, and common use of the Chip page component.
Breadcrumb componentLearn about the Breadcrumb components: their characteristics, options, and common use.
Snackbar componentLearn about the Snackbar component: its characteristics, options, and common uses.
Media componentLearn about the Alert component: its characteristics, options, and common uses.
Progress bar componentLearn about the Progress bar component: characteristics, options, and common use.
Carousel componentsFeatures, options, and common use of the Carousel and Carousel image components.
Data list componentsFeatures, options, and common use of the two data components: Data list and List with data.
Detail view componentsFeatures, options, and common use of the two data components: Detail view and Detail view child.
Filter componentFeatures, options, and common use of the Filter component.
Conditional componentUsing the conditional component, you can set conditions to control access to, for example, specific parts of an application or web page.
List componentsFeatures, options, and common use of the list component set: List, List item, and List subheader.
Data table componentsFeatures, options, and common use of the Data table and Data table column components.
Subview componentsFeatures, options, and common use of the two data components: Subview and Subview item.