Gallery Widget

From unroole CMS wiki
Jump to: navigation, search

Gallery Widget In Action.png

Using gallery widget to display image in your gallery.

Gallery Widget provides a simple way to group assets together and display them as a group. A gallery is a collection of assets: Images, Videos or Documents.

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.png

Creating gallery.

To create a gallery and manage its assets:

  1. Navigate to 'Galleries' under 'Widget Management'.
  2. Click on 'Create gallery'.
  3. Complete the mandatory fields for the gallery.
  4. Click 'Submit' to complete the creation.
  5. 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.
  6. 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.
  7. You can also change the order of the assets by simply drag and drop.
  8. Click "Add" to add the asset to this gallery.
  9. If you want to delete an asset just click the 'Delete' icon beside the corresponding asset, note that deleting an asset from a gallery will not delete it from the asset library.

Gallery Update

To update a gallery:

  1. Navigate to 'Galleries' under 'Widget Management'.
  2. Click on the gallery name that you want to edit.
  3. 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:

  1. Navigate to 'Galleries' under 'Widget Management'.
  2. Click on the 'Delete' icon at the end of the row for the gallery that you want to delete.
  3. 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:

Gallery Widget Property.png

Property panel for Gallery Widget
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.

For global widget properties see Widgets