Creating Navigation Component Hover Menus - Revision history

Shanker at 16:20, 30 April 2013

2013-04-30T16:20:25Z

← Older revision		Revision as of 09:20, 30 April 2013
Line 1:		Line 1:
	To further customize the content within a [[NavigationComponent \| Navigation Component]], you can create Navigation Component Hover Menus!		To further customize the content within a [[NavigationComponent \| Navigation Component]], you can create Navigation Component Hover Menus! ''Note: this is now possible via the [[Managing Primary Navigation \| Primary Navigation]] area if you are looking to add dropdown menus for this area specifically.''

2011-10-07T03:19:46Z

Configuring for a specific Navigation Component:

← Older revision		Revision as of 20:19, 6 October 2011
Line 39:		Line 39:


	1. Click the [[Collapse Components \| collapse component]] button in the website builder [[~~status bar~~]], so that the components ID are displayed.<br>		1. Click the [[Collapse Components \| collapse component]] button in the website builder [[Toolbar]], so that the components ID are displayed.<br>
	2. Select and copy the ID into your clipboard (it should look similar to #component_0000)<br>		2. Select and copy the ID into your clipboard (it should look similar to #component_0000)<br>
	3. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code \| Edit Theme Source Code]].<br>		3. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code \| Edit Theme Source Code]].<br>

2010-11-17T19:16:24Z

Configuring for a specific Navigation Component:

← Older revision		Revision as of 12:16, 17 November 2010
Line 54:		Line 54:
	6. The second line of the above code needs to have #component_0000 replaced with whatever you copied as the components CSS ID.<br>		6. The second line of the above code needs to have #component_0000 replaced with whatever you copied as the components CSS ID.<br>
	7. Click the Save button at the bottom of the dialog.		7. Click the Save button at the bottom of the dialog.



	Superfish also has a variety of options that can be tweaked. A list of these options are available on the [http://users.tpg.com.au/j_birch/plugins/superfish/#options Superfish documentation page].		Superfish also has a variety of options that can be tweaked. A list of these options are available on the [http://users.tpg.com.au/j_birch/plugins/superfish/#options Superfish documentation page].

			<div class="note">
	* '''~~Tip:~~''' ~~group~~ labels can also be edited to link to internal pages!		'''Note''' <br />
			Group labels can also be edited to link to internal pages.
			</div>

	====Example:====		====Example:====

2010-11-17T19:14:29Z

← Older revision		Revision as of 12:14, 17 November 2010
Line 4:		Line 4:
	[[Image:Hovernav.PNG]]		[[Image:Hovernav.PNG]]

			<div class="note">
	''Note: This works only with nested sub-menus created within the Navigation Component.''		'''Note''' <br />
			This works only with nested sub-menus created within the Navigation Component.
			</div>

2010-11-15T19:46:19Z

Text replace - "Web-Builder" to "website builder"

← Older revision		Revision as of 12:46, 15 November 2010
Line 37:		Line 37:


	1. Click the [[Collapse Components \| collapse component]] button in the ~~Web-Builder~~ [[status bar]], so that the components ID are displayed.<br>		1. Click the [[Collapse Components \| collapse component]] button in the website builder [[status bar]], so that the components ID are displayed.<br>
	2. Select and copy the ID into your clipboard (it should look similar to #component_0000)<br>		2. Select and copy the ID into your clipboard (it should look similar to #component_0000)<br>
	3. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code \| Edit Theme Source Code]].<br>		3. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code \| Edit Theme Source Code]].<br>

2010-10-12T16:44:15Z

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

← Older revision		Revision as of 09:44, 12 October 2010
Line 64:		Line 64:


	An example of this can be viewed on the [http://~~example.viviti~~.com/web-tools Web Tools] page of http://~~example.viviti~~.com		An example of this can be viewed on the [http://builderexample.com/web-tools Web Tools] page of http://builderexample.com


	[[Category:Tips and Tricks]]		[[Category:Tips and Tricks]]

2010-09-21T18:27:33Z

← Older revision		Revision as of 11:27, 21 September 2010
Line 37:		Line 37:


	1. Click the [[Collapse Components \| collapse component]] button in the ~~Viviti~~ [[status bar]], so that the components ID are displayed.<br>		1. Click the [[Collapse Components \| collapse component]] button in the Web-Builder [[status bar]], so that the components ID are displayed.<br>
	2. Select and copy the ID into your clipboard (it should look similar to #component_0000)<br>		2. Select and copy the ID into your clipboard (it should look similar to #component_0000)<br>
	3. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code \| Edit Theme Source Code]].<br>		3. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code \| Edit Theme Source Code]].<br>

2010-05-15T02:33:12Z

← Older revision		Revision as of 19:33, 14 May 2010
Line 56:		Line 56:

	Superfish also has a variety of options that can be tweaked. A list of these options are available on the [http://users.tpg.com.au/j_birch/plugins/superfish/#options Superfish documentation page].		Superfish also has a variety of options that can be tweaked. A list of these options are available on the [http://users.tpg.com.au/j_birch/plugins/superfish/#options Superfish documentation page].


			* '''Tip:''' group labels can also be edited to link to internal pages!

2009-06-10T22:23:50Z

← Older revision		Revision as of 15:23, 10 June 2009
Line 1:		Line 1:
	To further customize the content within a [[NavigationComponent \| Navigation Component]], you can create Navigation Component Hover Menus!		To further customize the content within a [[NavigationComponent \| Navigation Component]], you can create Navigation Component Hover Menus!

	~~Installation of the [http://users.tpg.com.au/j_birch/plugins/superfish/ Superfish] plugin is necessary as this requires the use of [http://www.jquery.com jQuery].~~

2009-06-10T21:35:12Z