Gallery Widget
From unroole CMS wiki
For more information, see Widgets.
Gallery Widget provides a simple way to group assets together and display them as a group.
Management
Gallery Creation
To create a gallery:
- If you are in basic mode, you need to switch to advance mode by clicking on the link "Switch to advanced mode" at the right of the top navigation bar.
- Navigate to 'Galleries' under 'Widget Management'.
- Click on 'Create gallery'.
- Complete the mandatory fields for the gallery.
- Click 'Submit' to complete the creation.
- After successful creation you will be redirect to the gallery detail page. From here click 'Manage Assets' to add or delete asset to/from this gallery.
- Enter the asset name, as you type in the asset name, a dropdown will appear suggesting the name of all the assets from your asset library.
- Click "Add" to add the asset to this gallery.
Note that deleting an asset from a gallery will not delete it from the asset library.
Properties
Name | Description |
---|---|
Gallery Name | Type in the name of the gallery you want to display. As you type, a dropdown will appear suggesting names from all the galleries you have created |
Dimensions | Set the dimensions for each of the images in the gallery. Left blank if you want to use the original size. |
Columns | If you want to display multiple images in one row, enter the numbers of columns in each row. This only work with theme that have a "clear" class. |
Popup On Click | Choose "Yes" if you want to display the original image in a colorbox popup when user clicks on the image. Choose "No" if you want to display the image in a new window, or if you don't have colorbox enabled. |
Fullscreen popup support: | Choose "Yes" if you want the popup to have a link to display the the image in fullscreen mode. Choose "No" if you do no want to provide the fullscreen mode. |
Custom Id | Type in a custom id. This id can then be used in CSS and Javascript to change the style and behaviour of this gallery. |
Custom Classes | Type in a custom class, or mutiple classes seperated. These classes can then be used in CSS and Javascript to change the style and behaviour of this gallery. |