Documentation
- Fouteen Different Layouts
- 3 Vertical Layouts (1, 2 and 3 columns)
Vertical layouts split the results into columns and display in a Top to Bottom, Left to Right fashion.
a d g
b e h
c f i
- 3 Vertical Layouts with text wrapping (1, 2 and 3 columns)
Vertical layouts split the results into columns and display in a Top to Bottom, Left to Right fashion.
a d g
b e h
c f i
- 4 Horizontal Layouts (1, 2, 3 and 4 per row)
Horizontal layouts display the results in a Left to Right, Top to Bottom fashion.
a b c
d e f
g h i
- 4 Horizontal Mosaic Layouts (1, 2, 3 and 4 per row)
Horizontal layouts display the results in a Left to Right, Top to Bottom fashion.
a b c
d e f
g h i
- Choose where to find the image
Add the 'Page List Area to Find Image' page attribute and type in the name of the Area where the image resides. Choose to use the 'Page Template' page attribute if an image doesn't exist in the selected area. If an image is not found in either of these places, then search the remainder of the page.
- Hide the Page Description
Add the 'Page List Hide Description' page attribute and select it. This attribute affects the display of the list on this page, not how this page's information is shown on other pages.
- Hide the Author
Add the 'Page List Hide Author' page attribute and select it. This attribute affects the display of the list on this page, not how this page's information is shown on other pages.
- Hide the Date
Add the 'Page List Hide Date' page attribute and select it. This attribute affects the display of the list on this page, not how this page's information is shown on other pages.
- Use Metadata if Available
Add the 'Page List Use Meta Info if Available' page attribute and select it. Will use the Meta-Title and Meta-Description (if entered in the Page Properties) instead of the standard Title and Description. This attribute affects the display of the list on this page, not how this page's information is shown on other pages.
- Use New CSS3 Properties
Add the 'Page List Target CSS3' page attribute and select it. Note: As of v1.1.2, the browsers that support the new CSS3 properties are Firefox 3.6+, Safari 3+, Chrome 8+, Opera 9.5+ and Konqueror. Internet Explorer 8- does not support these new properties; your page will not look the way it was intended if your browser is older than those stated. Only use this if you're not really bothered about how your page looks in older browsers.
- Callout First
Show the first result with a larger image and more space. It has the same view (horizontal, vertical) only larger. The Mosaic layouts do not use this functionality.
- Image Gap
Change the number of pixels between the image and text in vertical and Mosaic views.
- Background Color
The hex value for the background color of the thumbnail
- Border Color
The hex value for the border color of the thumbnail
- Border Width
The width, in pixels, for the border of the thumbnail
- Border Radius
In pixels, the amount of rounding on the thumbnail corners
- Shadow Color
The hex value for the shadow of the thumbnail that is shown on hover
Dashboard Page
- Site-level Attributes
The same attributes available at the page level are available at the site level. To override site settings, just add the page level attribute and set the value accordingly.
- Thumbnail and CSS Sizes
These settings will allow you to update the size of thumbnail images without changing your stylesheets. The 'Thumbnail Size' is the maximum size for the image generated by Concrete5. The CSS width and height are the actual size as seen by the user.