The veCSSViewer is finally here and ready to make your CSS needs easy!  The veCSSViewer is a easy to use, easy to install DotNetNuke module that makes it easy for you to switch between stylesheets in your portal.

The Very Easy CssViewer Module is designed to give DotNetNuke websites an easy way to apply css changes with the click of a button. What's so special about this module is that it has something for everyone.

User's make their own choices! Anonymous users can customize, too!

Showcase your skin designs quickly and painlessly! Allow clients to view skin options with a single click all from one page Fully CSS Customizable

Give visitors the ability to set their preferences on your site Easily offer styles for different screen sizes and browser types, etc. Fully Localized Multi modules on one page

The veCSSViewer has two purposes:

•  Add site personalization for your users.
  • By setting up at least one module instance and declaring it as a "global" viewer, you can offer your site visitors the ability to personalize their viewing preferences on your site. Personalization is offered for both registered, as well as anonymous users. 
• Easy "Designer Showcase"
  • Showoff your design skills by quickly adding a visual "showcase" of your css designs. Simply add a module instance to any page, upload screenshots, a title and even a description of your stylesheets and allow visitors to browse your designs easily.

Now you can apply a skin site wide and offer any variations to one skin through the usage of stylesheets. Apply the module site wide and your visitors can choose what they like. Or, you can create one page with an entirely different skin, and offer that module as a "Designer Showcase" to quickly switch between stylesheets. This gives you the flexibility to show off as many skins and stylesheets as you want without having to waste time, energy and space to create a new page for every skin and stylesheet option.

veCSSViewer modules that are configured as a "Designer Showcase" allow site admins the ability to show off CSS files they have designed for skin files other than the one used site wide (aka the "global" veCSSViewer...you know, the one used for personalization). It also allows users, like page editors who are not administrators, the ability to utilize the module.

Best of all, designer showcases never interfere with your global site preference module. So, users can pick a preferred to stylesheet for viewing your entire site and still check out all of your awesome designs.

The veCSSViewer is totally designed with being easy as the number one priority. Just configure the module, upload an image and point to your CSS files. And managing the veCSSViewer is also a snap. It's all drag and drop reordering...no more messing with moving the order of anything one at a time. Yeah, it's that easy!

Screen Shots

New Modules:

Configure:

Example configuration layout:

Module Settings:

Easy Drag & Drop Administration:

View Example of Drag and Drop Admin

Live Demo

You can see the “global“ veCSSViewer module in action by visiting Virtual-Essentials.com. You can also view two examples of using the veCSSViewer as a “Designer Showcase” here: Designer Showcase Example 1 and Designer Showcase Example 2