Working with the Tabular layout
This brief tutorial will highlight the key aspects to consider when using the Tabular layout.
This document can be viewed online at: https://architect4wp.com/codex/architect-tutorial-working-with-the-tabular-layout/
Goal
Goal
Our goal is the simple table of posts seen on the Architect Demos site
Blueprint Design
Blueprint Design
- After creating a new Blueprint and entering information for the Title and Short Name, in Blueprint Design select the Tabular layout type
- You can optionally add Table column titles. If you don't, it will use the components' names
- Set the Panels across all to 1
Content Layout
Content Layout
- In Content Layout, select the Components to show
- Resize them to fit all across. The width you set for each will be the approximate width of the column.
- Make sure the Components width is 100%
Blueprint Styling
Blueprint Styling
- In the Blueprint Styling, go to the Tabular tab
From here you can style the Headings, Odd rows, and Even rows. In our example we've created alternating coloured rows by giving the odd row a background colour.
Display the Blueprint
Display the Blueprint
Using your preferred method, place the Blueprint on a page an check to see it displays as intended.