Specifications
General Information
The DNM Chameleon Skin Chooser (v.02.00.02) enables you to integrate the facility of allowing users change the way they see your website. You can offer as many skins as you want for your website visitors to choose from.
Our module can be integrated in panes or as a skin object. You can choose to display the skin changing feature in your website as a drop down menu, as text or as thumbnails.
Specifications
As previously outlined, the DNM Chameleon Skin Chooser allows you to give your users the ability to change how they see the site. To do this:
1. First install the module through DNN. Then, embed it in one of the panes of your skin or else embed it directly as a skin object in your skin.
2. Access the Edit Chameleon screen to upload the different skins and the thumbnails (if you choose to display the skins in your site as pictures). This screen also allows you to specify the skin order of how they will appear in the text, drop down menu or thumbnails - depending on which you use in your site.
Explanation of the fields in the Edit Chameleon screen
|
Chameleon Skin Name
|
Defines the name of the selected Skin/Container pair
|
|
Chameleon Skin Order
|
Order number of the selected Skin/Container pair
|
|
Select Skin
|
To select the skin you want from 'Host' or 'Site'
|
|
Select Container
|
To define a container for the skin
|
|
Select Picture
|
This option is only available if in settings you checked the 'Display Picture' check box. It will let you select the picture you want to be displayed
|
3. Finally, access the Chameleon Settings screen to specify the number of columns, repeat direction, attach CSS classes and enable one of the three different views.
Explanation of the fields in the Chameleon Settings screen
|
Repeat Columns
|
Sets the number of columns
|
|
Repeat Direction
|
The direction for the replication (Vertical or Horizontal)
|
|
View Css Class
|
Set CSS class for the whole module
|
|
Text Css Class
|
Set CSS class for the items
|
|
Display Picture
|
Displays skins as thumbnails
|
|
Hide Current Skin Group
|
This option will make the selected skin group hidden from list when selected
|
|
Current Skin Group Css
|
This option will let you define CSS for the selected Skin Group
|
|
Enable Drop Down View
|
This option will display the skin groups in a drop down list view
|
And voila, your skin chooser is ready and configured !