01.00.00

Rating: No reviews yet
Downloads: 1470
Released: May 19, 2011
Updated: May 19, 2011 by DotNetNuke
Dev status: Stable Help Icon

Recommended Download

Source Code DotNetNuke.Agility.Package_01.00.00_Install.zip
source code, 225K, uploaded May 19, 2011 - 1470 downloads

Release Notes

Agility Skin Release Notes

Version 1.0.0
To see an example of this skin in use, visit http://design2011.dotnetnuke.com/agility.

Thank you for your interest in the Agility Skin Pack!

Agility is an animated jQuery skin optimized for mobile performance. It uses an XHTML 1.0 Transitional doctype and is compatible with DNN 5. The skin and container layouts have be created completely using XHTML and CSS.
The jQuery scripts included in this file are from DynamicDrive.com and are in compliance with their open source license: http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

Setup instructions
Included with this skin is a blank container. Use this container for optimal performance. You can use other third party containers for content panes but you should use the blank container for the tab titles.
Add an HTML module to each tab title pane to give yourself dynamic administration for the tab title. You do not have to format the tab title text. The appropriate styles will automatically be applied.
Copy and paste the following meta tags into each page's settings in the area labeled, "Page Header Tags." Be sure to do this with each page within your site.

<meta name = "viewport" content = "width = device-width" />
<meta name = "viewport" content = "maximum-scale = 1.0" />
<meta name = "viewport" content = "minimum-scale = 1.0" />

There are also 5 panes for social media icons. Icons for 5 of the most common social networking sites have been included in the image directory. You can add these icons to your mobile site and link them to your respective social network
pages. Add one HTML module to each social pane to begin.

jQuery Settings
You can easily modify the jQuery settings within each html file if you would like to change them.
Look for the lines beginning:

animatedcollapse.addDiv('login', 'fade=0,hide=1,speed=300')

Set fade to 1 if you would like the content to fade while the tab is expanding or collapsing.
Speed is in milliseconds. Increase or decrease this to speed up or slow down the animation.
For additional settings, please visit http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

This skin was contributed by John Wurzbacher Design (JW Design). For more information, please visit http://www.jwdesignskins.com

Reviews for this release

No reviews yet for this release.