Difference between revisions of "Gallery Widget"
From unroole CMS wiki
| Line 14: | Line 14: | ||
== Management == | == Management == | ||
| + | To manage the gallery widget in the admin section you need to switch to advance mode by clicking on the link "Switch to advanced mode" at the right of the top navigation bar. | ||
| + | |||
=== Gallery Creation === | === Gallery Creation === | ||
| + | |||
| + | {{Css Image Crop | ||
| + | |Image = Gallery Creation.png | ||
| + | |bSize = 300px | ||
| + | |cWidth = 300 | ||
| + | |cHeight = 167 | ||
| + | |Location = right | ||
| + | |Description = Creating gallery. | ||
| + | }} | ||
| + | |||
To create a gallery: | To create a gallery: | ||
| − | + | ||
# Navigate to 'Galleries' under 'Widget Management'. | # Navigate to 'Galleries' under 'Widget Management'. | ||
# Click on 'Create gallery'. | # Click on 'Create gallery'. | ||
| Line 27: | Line 39: | ||
Note that deleting an asset from a gallery will not delete it from the asset library. | Note that deleting an asset from a gallery will not delete it from the asset library. | ||
| − | + | {{clear}} | |
| + | === Gallery Update === | ||
| + | To update a gallery: | ||
| + | |||
| + | # Navigate to 'Galleries' under 'Widget Management'. | ||
| + | # Click on the gallery name that you want to edit. | ||
| + | # Click on 'Edit' to edit gallery information, or click on 'Manage Asset' to add or delete asset from the gallery | ||
| + | |||
| + | === Gallery Removal === | ||
| + | To remove a gallery: | ||
| + | |||
| + | # Navigate to 'Galleries' under 'Widget Management'. | ||
| + | # Click on the 'Delete' icon at the end of the row for the gallery that you want to delete. | ||
| + | # You will be prompted to confirm the gallery deletion. Click 'Ok' to finalize the deletion. | ||
| + | |||
| + | == Properties == | ||
| + | In the [[Layout Editor]], gallery widget have these properties: | ||
{{Css Image Crop | {{Css Image Crop | ||
|Image = Gallery Widget Property.png | |Image = Gallery Widget Property.png | ||
Revision as of 09:18, 3 October 2012
For more information, see Widgets.
Gallery Widget provides a simple way to group assets together and display them as a group.
Management
To manage the gallery widget in the admin section you need to switch to advance mode by clicking on the link "Switch to advanced mode" at the right of the top navigation bar.
Gallery Creation
To create a gallery:
- 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.
Gallery Update
To update a gallery:
- Navigate to 'Galleries' under 'Widget Management'.
- Click on the gallery name that you want to edit.
- Click on 'Edit' to edit gallery information, or click on 'Manage Asset' to add or delete asset from the gallery
Gallery Removal
To remove a gallery:
- Navigate to 'Galleries' under 'Widget Management'.
- Click on the 'Delete' icon at the end of the row for the gallery that you want to delete.
- You will be prompted to confirm the gallery deletion. Click 'Ok' to finalize the deletion.
Properties
In the Layout Editor, gallery widget have these 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. |
