TF Page Builder Quick Guide
With TF Page Builder, you can quickly build web pages and forms. This guide will help you to understand how the page builder works and create your first page.
Web pages contain content, structure and styling. Content is the information to be displayed. The source of content can be articles, modules, users, images or you can enter the content in the component itself. Structure is how the content is displayed - as paragraph, heading, links, lists, and so on. Styling includes formatting of content like spacing, alignment, colors and so on. The styling is applied using CSS classes.
A page is organised into one or more rows or sections. Each row can contain one or more columns. Each column can contain one or more elements.
Rows
Rows give you an initial horizontal structure to your frontend page where you can apply styling to an entire row and add columns to it. In other words, rows are wrappers for columns in which you can add your elements.
Columns
Similar to rows, columns are structures that help build the layout of a webpage. A single row can be divided into multiple columns and each of these columns can contain elements.
Elements
Elements are basic content structures. There are many useful elements that you can add to your website.
- Accordion
- Alert
- Badge
- Button
- Carousel Slideshow
- Chart
- Clients
- Countdown
- Form
- Hero
- Icon Box
- Image Box
- Image Gallery
- Joomla Article
- Joomla Module
- List
- Map
- Overlay
- Person
- Pricing Table
- Progress
- Slider
- Social Share
- Tabs
- Testimonial
- Text
- Video