Introduction
The Horizontal list is a QB mobile plugin component
Rules, Data and Target screen
Item Limit - Set this to an integer value to restrict a component to the first n items in a feed. Leave unset for unrestricted
Cells Selectable - Enable this if tapping any cell within the component is to launch either a video or connected screen. Leave unset of the component is only used for static content display with no tappable action.
Clear Cache on reload - Enable this to ensure that whenever the screen is rendered the data source for the component is refetched and not the cached source. Useful for components displaying events where the data is updated frequently e.g. EPG information
Enable Data refreshing - (H List only) see Automatic Content Update in Components
Data source and type - connects the component to its data source
Target screen - Connect the component to a new screen such as launching episode screens from a show cell
Styles and Horizontal List Component Configuration Options
Here is a list of all of the configuration options & default values that the component can take.
All components take their default values from the Theme Plugin. Once you over-write a value in a cell configuration field that value will over-write the Theme default value.
|
Description |
Name |
Value |
|---|---|---|
|
Component Margin |
component-margin-top |
0 (inherited from theme defaults) |
|
|
component-margin-bottom |
20 (inherited from theme defaults) |
|
Component Padding |
component-padding-left |
16 (inherited from theme defaults) |
|
|
component-padding-right |
16 (inherited from theme defaults) |
|
|
component-padding-top |
0 (inherited from theme defaults) |
|
|
component-padding-bottom |
0 (inherited from theme defaults) |
|
Component Gutter |
component-gutter-vertical |
N/A |
|
|
component-gutter-horizontal |
13 (inherited from theme defaults) |
|
Background Color |
component-background-color |
Transparent |
|
Snapping |
snapping-toggle |
On |
|
|
snapping-alignment |
Start |
|
Cell Width (when scaling set to false) |
cell-width |
200 |
|
Cell Scaling |
scaling-toggle |
true |
|
|
scaling-number-of-cells |
2 |
|
|
scaling-next-cell-offset |
20 |
Comments
0 comments
Please sign in to leave a comment.