Image gallery - Revision history

Shanker: Redirecting to ImageGalleryComponent

2009-04-17T00:05:13Z

← Older revision		Revision as of 17:05, 16 April 2009
Line 1:		Line 1:
	~~__NOTOC__~~		#REDIRECT [[ImageGalleryComponent]]
	~~An Image Gallery component is used for adding a number of images to your site, in a variety of ways.~~


	~~====Where to Find:====~~


	~~This Component can be found in the~~ [[~~Adding to a Page \| "Add to Page..."]] section of the [[Toolbar]].~~



	~~====Adding to Website:====~~


	~~After selecting this Component, you will be able to choose exactly where you want to add it!~~

	You will see all available [[content locations]] it can be added - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).



	~~====Configuring:====~~


	~~[[Image:Imagegallery.PNG]]~~


	~~After choosing where this Component will appear, you can configure it by choosing the collection to '''show images from'''. You can also [[File Collections \| create a new collection]].~~

	~~Clicking on the "click here" or "Upload images" link in the Preview area will take you to the [[File Manager]] which you can use to upload images from your computer.~~

	~~Clicking on "Manage images" will take you to the main file manager area with the "Images" filter in place to only show uploaded images.~~


	~~Further configuration can be done before the Component is added.~~


	~~[[Image:Imagegallery2.PNG]]~~


	~~You can optionally set a '''Title''' to be displayed above the Image Gallery content on your page.~~


	~~The '''Number of Images''' that display at once can be set to show all, or show only a number of the most recent images.~~


	~~The '''Click Behaviour''' option will allow you to set what happens when an image in the gallery is clicked on. The choices are:~~

	* Open Lightbox (opens the image clicked in a lightbox)
	* Open Lightbox in gallery mode (opens the image clicked in a lightbox, and allows you to move your cursor over the image to go to the next or previous in the collection)
	* Link to image (Links directly to the image file)
	* No click action (clicking on the image will do nothing)


	~~The '''Image Size''' can be set to one of a variety of combinations of cropped and non-cropped.~~



	~~====Editing:====~~


	~~Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].~~


	~~====Example:====~~


	~~An example of this Component can be viewed on the [http://example.viviti.com/images-video Images & Video] page of http://example.viviti.com~~

	~~[[Category:Components~~]]

Shanker at 16:57, 26 March 2009

2009-03-26T16:57:22Z

← Older revision		Revision as of 09:57, 26 March 2009
Line 15:		Line 15:
	After selecting this Component, you will be able to choose exactly where you want to add it!		After selecting this Component, you will be able to choose exactly where you want to add it!

	You will see all available [[content locations]] it can be added - on the current page only (content locations in Red) or on every page (content locations in ~~Gold~~).		You will see all available [[content locations]] it can be added - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

Shanker at 02:43, 12 December 2008

2008-12-12T02:43:22Z

← Older revision		Revision as of 19:43, 11 December 2008
Line 47:		Line 47:

	* Open Lightbox (opens the image clicked in a lightbox)		* Open Lightbox (opens the image clicked in a lightbox)
	* Open Lightbox in gallery mode (opens the image clicked in a lightbox, and allows you to ~~hover~~ over the image to go to the next or previous in the collection)		* Open Lightbox in gallery mode (opens the image clicked in a lightbox, and allows you to move your cursor over the image to go to the next or previous in the collection)
	* Link to image (Links directly to the image file)		* Link to image (Links directly to the image file)
	* No click action (clicking on the image will do nothing)		* No click action (clicking on the image will do nothing)

Shanker at 08:32, 9 December 2008

2008-12-09T08:32:37Z

← Older revision		Revision as of 01:32, 9 December 2008
Line 59:		Line 59:


	Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the ~~content toolbar~~.		Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].

Shanker at 07:44, 9 December 2008

2008-12-09T07:44:16Z

← Older revision		Revision as of 00:44, 9 December 2008
Line 15:		Line 15:
	After selecting this Component, you will be able to choose exactly where you want to add it!		After selecting this Component, you will be able to choose exactly where you want to add it!

	You will see all available locations it can added - on the current page only (content locations in Red) or on every page (content locations in Gold).		You will see all available [[content locations]] it can be added - on the current page only (content locations in Red) or on every page (content locations in Gold).

Shanker at 06:30, 5 December 2008

2008-12-05T06:30:03Z

← Older revision		Revision as of 23:30, 4 December 2008
Line 60:		Line 60:

	Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the content toolbar.		Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the content toolbar.


			====Example:====


			An example of this Component can be viewed on the [http://example.viviti.com/images-video Images & Video] page of http://example.viviti.com

	[[Category:Components]]		[[Category:Components]]

Shanker at 19:56, 27 November 2008

2008-11-27T19:56:19Z

← Older revision		Revision as of 12:56, 27 November 2008
Line 25:		Line 25:


	After choosing where this Component will appear, you can configure it by choosing the collection to '''show images from'''. You can also [[create a new collection]].		After choosing where this Component will appear, you can configure it by choosing the collection to '''show images from'''. You can also [[File Collections \| create a new collection]].

	Clicking on the "click here" link in the Preview area will take you to the [[File Manager]] which you can use to upload images from your computer.		Clicking on the "click here" or "Upload images" link in the Preview area will take you to the [[File Manager]] which you can use to upload images from your computer.

	~~* * * ADD MORE HERE * * *~~		Clicking on "Manage images" will take you to the main file manager area with the "Images" filter in place to only show uploaded images.

Shanker at 05:40, 21 November 2008

2008-11-21T05:40:16Z

← Older revision		Revision as of 22:40, 20 November 2008
Line 1:		Line 1:
			__NOTOC__
	An Image Gallery component is used for adding a number of images to your site, in a variety of ways.		An Image Gallery component is used for adding a number of images to your site, in a variety of ways.


			====Where to Find:====


			This Component can be found in the [[Adding to a Page \| "Add to Page..."]] section of the [[Toolbar]].



			====Adding to Website:====


			After selecting this Component, you will be able to choose exactly where you want to add it!

			You will see all available locations it can added - on the current page only (content locations in Red) or on every page (content locations in Gold).



			====Configuring:====


			[[Image:Imagegallery.PNG]]


			After choosing where this Component will appear, you can configure it by choosing the collection to '''show images from'''. You can also [[create a new collection]].

			Clicking on the "click here" link in the Preview area will take you to the [[File Manager]] which you can use to upload images from your computer.

			* * * ADD MORE HERE * * *


			Further configuration can be done before the Component is added.


			[[Image:Imagegallery2.PNG]]


			You can optionally set a '''Title''' to be displayed above the Image Gallery content on your page.


			The '''Number of Images''' that display at once can be set to show all, or show only a number of the most recent images.


			The '''Click Behaviour''' option will allow you to set what happens when an image in the gallery is clicked on. The choices are:

			* Open Lightbox (opens the image clicked in a lightbox)
			* Open Lightbox in gallery mode (opens the image clicked in a lightbox, and allows you to hover over the image to go to the next or previous in the collection)
			* Link to image (Links directly to the image file)
			* No click action (clicking on the image will do nothing)


			The '''Image Size''' can be set to one of a variety of combinations of cropped and non-cropped.



			====Editing:====


			Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the content toolbar.

	[[Category:Components]]		[[Category:Components]]

Shanker at 06:27, 20 November 2008

2008-11-20T06:27:41Z

← Older revision		Revision as of 23:27, 19 November 2008
Line 1:		Line 1:
	An Image Gallery component is used for adding a number of images to your site, in a variety of ways.		An Image Gallery component is used for adding a number of images to your site, in a variety of ways.

	~~====Image Gallery component dynamically generated html:====~~

	~~<pre>~~
	~~<div class="component image_component">~~
	~~<h2>~~
	~~<span>Image Gallery Title Here</span>~~
	~~</h2>~~
	~~<div class="component_content">~~
	~~<div class="images">~~
	~~<div class="image">~~
	~~<a href="">~~
	~~<img src="" />~~
	~~</a>~~
	~~</div>~~
	~~</div>~~
	~~</div>~~
	~~</div>~~
	~~</pre>~~

	~~When a user adds an Image Gallery to their Viviti site, this is the html that is dynamically generated.~~

	[[Category:Components]]		[[Category:Components]]

Shanker: New page: An Image Gallery component is used for adding a number of images to your site, in a variety of ways. ====Image Gallery component dynamically generated html:====