ImageComponent - Revision history

Cfuller at 21:34, 27 March 2014

2014-03-27T21:34:14Z

← Older revision		Revision as of 14:34, 27 March 2014
Line 4:		Line 4:
	==Where to Find==		==Where to Find==

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

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

Shanker: /* Options */

2012-06-27T00:09:46Z

Options

← Older revision		Revision as of 17:09, 26 June 2012
Line 25:		Line 25:

	[[Image:ImageCropper.PNG]]		[[Image:ImageCropper.PNG]]


			The Image Border tab allows you to choose whether or not you want a border for your image. You can choose the border thickness as well as color!


			The Alt Text tab gives you the ability to display some text in place of the image in the event that the image doesn't display (due to a browser or internet connection issue, etc).

Shanker: /* Options */

2012-06-26T19:43:51Z

Options

← Older revision		Revision as of 12:43, 26 June 2012
Line 25:		Line 25:

	[[Image:ImageCropper.PNG]]		[[Image:ImageCropper.PNG]]


			There is also a Quick Sizes tab where you can quickly choose pre-sized square or rectangular images to place into a text editor. This does some of the cropping work for you in some common preset sizes based on the size of the uploaded image. You can choose from Square image and Rectangular image presets, with various sizing options available - just click on the one you like!


			[[Image:Quicksizes.PNG]]

Shanker: /* Options */

2012-02-20T18:23:53Z

Options

← Older revision		Revision as of 11:23, 20 February 2012
Line 24:		Line 24:


	[[Image:~~Imagecropper~~.PNG]]		[[Image:ImageCropper.PNG]]

Shanker: /* Options */

2012-02-20T18:21:50Z

Options

← Older revision		Revision as of 11:21, 20 February 2012
Line 21:		Line 21:


	~~[[Image:Insertimagefl~~.~~PNG]]~~		Once chosen, you will be able to use the cropper tool to adjust the size and cropping you want before applying the image.


	~~Finally, you can choose an external location as the image source~~.		[[Image:Imagecropper.PNG]]


	~~[[Image:Insertimageex.PNG]]~~		Once finished, the image will be embedded into a [[Content Block]] for further customization before it is added to your page.


	Once ~~chosen~~, the image will be embedded into a [[Content Block]] for further customization before it is added to your page.

Shanker: /* Options */

2012-02-20T18:17:10Z

Options

← Older revision		Revision as of 11:17, 20 February 2012
Line 18:		Line 18:


	After choosing where this Component will appear, you can select an image from your already uploaded image files, select one from our [[Stock Photo ~~Gallery~~]], upload a new file using the [[File Manager]], via [http://www.flickr.com Flickr] or using an external image URL.		After choosing where this Component will appear, you can select an image from your already uploaded image files, select one from our [[Stock Photo Library]], upload a new file using the [[File Manager]], via [http://www.flickr.com Flickr] or using an external image URL.

Shanker: /* Options */

2012-02-20T18:16:38Z

Options

← Older revision		Revision as of 11:16, 20 February 2012
Line 18:		Line 18:


	After choosing where this Component will appear, you can select an image from your already uploaded image files, or upload a new file using the [[File Manager]].		After choosing where this Component will appear, you can select an image from your already uploaded image files, select one from our [[Stock Photo Gallery]], upload a new file using the [[File Manager]], via [http://www.flickr.com Flickr] or using an external image URL.


	~~You can optionally set '''Alternative Text''' to be placed inside the image source tag of HTML code. This text is shown when images can't be displayed.~~


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


	~~Alternately~~, ~~you can insert the image from your~~ [http://www.flickr.com Flickr] ~~account~~.

Shanker at 03:59, 7 October 2011

2011-10-07T03:59:22Z

← Older revision		Revision as of 20:59, 6 October 2011
Line 4:		Line 4:
	==Where to Find==		==Where to Find==

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

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

Dinsley at 23:36, 16 November 2010

2010-11-16T23:36:14Z

← Older revision		Revision as of 16:36, 16 November 2010
Line 2:		Line 2:
	Insert a single image into your content with this Component.		Insert a single image into your content with this Component.

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


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

			==Adding to Website==

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


	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!
Line 17:		Line 12:
	You will see all available [[content locations]] it can be added to - 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).		You will see all available [[content locations]] it can be added to - 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).

			==Options==

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


Line 35:		Line 28:

	Alternately, you can insert the image from your [http://www.flickr.com Flickr] account.		Alternately, you can insert the image from your [http://www.flickr.com Flickr] account.


	[[Image:Insertimagefl.PNG]]		[[Image:Insertimagefl.PNG]]


			Finally, you can choose an external location as the image source.

	~~Finally, you can choose an external location as the image source.~~

	[[Image:Insertimageex.PNG]]		[[Image:Insertimageex.PNG]]



Line 72:		Line 65:
	* [[Image:Cb7.PNG]] '''Three columns with images on top''' - This is good for comparing or writing about multiple images, or for introducing multiple members of a team and other similar pages.		* [[Image:Cb7.PNG]] '''Three columns with images on top''' - This is good for comparing or writing about multiple images, or for introducing multiple members of a team and other similar pages.

			==Using the Image Toolbar==
	====Using the Image Toolbar~~:==~~==

	Built into this editor is an image hover toolbar which will help you manage the image added within it, and perform some tasks that may otherwise require coding, quickly and easily with a few clicks.		Built into this editor is an image hover toolbar which will help you manage the image added within it, and perform some tasks that may otherwise require coding, quickly and easily with a few clicks.
Line 83:		Line 75:
	To access this, just move your mouse cursor over the image. The toolbar will then appear allowing you to edit, delete, and align the it in a variety of ways.		To access this, just move your mouse cursor over the image. The toolbar will then appear allowing you to edit, delete, and align the it in a variety of ways.

			==Editing==
	====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]].		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 Sites==
	====Example~~:==~~==


	An example of this Component can be viewed on the [http://builderexample.com/multimedia Multimedia] page of http://builderexample.com		An example of this Component can be viewed on the [http://builderexample.com/multimedia Multimedia] page of http://builderexample.com

Dinsley: Text replace - "example.viviti.com" to "builderexample.com"

2010-10-12T16:45:28Z

Text replace - "example.viviti.com" to "builderexample.com"

← Older revision		Revision as of 09:45, 12 October 2010
Line 93:		Line 93:


	An example of this Component can be viewed on the [http://~~example.viviti~~.com/multimedia Multimedia] page of http://~~example.viviti~~.com		An example of this Component can be viewed on the [http://builderexample.com/multimedia Multimedia] page of http://builderexample.com

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