The APB Views component allows the injection of views in a page.
Settings
Component Configurations
- Title
- If title should be displayed on the page
- An introduction text displayed before the links
- Type of Display (View as Is | Boxed Card)
For Boxed Card you can configure:- Number of columns
- Column Gap
- Boxed Card Border Settings:
- Border width in px (top / right / bottom / left)
- Border Color
- Border Radius in px
- Padding (applied to sides where a border is set)
- Component width as a percentage of the total width available for the component
- Placement (top of page content, bottom of page content, inline, etc.)
Views Settings
The component allows some of the views configurations to be overridden:
- Hide the Header
- Display the view title
- Items per page to be displayed
- Offset of the views results
- Pagination
- Argument to be passed to the view
View as Is Example
This is an example of insertion of a view as is. The view selected has a Table display. The component is set to use 90% of the width and the container settings is configured with a background color and padding.
In the view options we selected to include the view title, hide the view header, display 4 items and have no pager.
|
Jul 1, 2026 Felis quisque nulla fusce ipsum vel mi sit sit et portaest commodo dolor vel accumsan congue massa varius nec a mi nisi tristique accumsan consectetur. Portaest sed quisque tempus nunc morbi… |
|
Jul 6, 2026 Felis quisque nulla fusce ipsum vel mi sit sit et portaest commodo dolor vel accumsan congue massa varius nec a mi nisi tristique accumsan consectetur. Portaest sed quisque tempus nunc morbi… |
|
Jul 16, 2026 Felis quisque nulla fusce ipsum vel mi sit sit et portaest commodo dolor vel accumsan congue massa varius nec a mi nisi tristique accumsan consectetur. Portaest sed quisque tempus nunc morbi… |
|
Jul 22, 2026 Rutrum hendrerit purus adipiscing et purus orci erat ipsum tortor varius scelerisque orci purus condimentum euismod felis arcu accumsan proin suspendisse mi ex tristique ac. Elementum varius… |
Grid Example
This example uses the "Boxed Card" display type, in 3 columns, 20px column gap, and border all around each card with 16px padding.
In the view options we allowed the display of the view header, hide the view title, display 3 items starting on the second item, and include a full pager.
Rutrum hendrerit purus adipiscing et purus orci erat ipsum tortor varius scelerisque orci purus condimentum euismod felis arcu accumsan proin suspendisse mi ex tristique ac.
Elementum varius…
Rutrum hendrerit purus adipiscing et purus orci erat ipsum tortor varius scelerisque orci purus condimentum euismod felis arcu accumsan proin suspendisse mi ex tristique ac.
Elementum varius…