Difference between revisions of "Gallery Widget"

From unroole CMS wiki
Jump to: navigation, search
Line 9: Line 9:
 
}}
 
}}
  
Gallery Widget provides a simple way to display multiple images. It displays all the images that is in a specific [[gallery]].
+
Gallery Widget provides a simple way to group assets together and display them as a group.
  
 
{{clear}}
 
{{clear}}
 +
 +
== 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 ==
 
== Properties ==
Line 50: Line 64:
 
| 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.
 
| 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.
 
|}
 
|}
 +
 +
 +
  
 
{{clear}}
 
{{clear}}

Revision as of 16:58, 2 October 2012

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.

Management

Gallery Creation

To create a gallery:

  1. 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.
  2. Navigate to 'Galleries' under 'Widget Management'.
  3. Click on 'Create gallery'.
  4. Complete the mandatory fields for the gallery.
  5. Click 'Submit' to complete the creation.
  6. 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.
  7. 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.
  8. 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

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