Setting Mushroom Lite Template for DNN 6x Default Skin

DotNetNuke 6x has a great looking default skin called DarkKnight, and the skin design has previously caused some layout issues with the Mushroom Light Module Templates.

To correct this, we have created two new templates that are designed specifically to work with the DarkKnight skin in DotNetNuke.

Called:

  • DarkKnight-Small
  • DarkKnight-Large

They produce the following results…

image

With the Large template being the content on the left, and the bottom right showing the content of the small template.

This makes the module perfect for use with DotNetNuke 6x our of the box.

 

How to Set the Templates

The templates are selected through the normal RSS Template Tab in the module.

1. Select Load Template Button

image

2. Select the appropriate template and press the select button.

image

That will load the new templates and be ready to use on your site.

Mushroom Lite Module for DotNetNuke

Mushroom Lite Module for DotNetNuke is a module developed to bring rich content in an RSS feed directly into your DNN website.

We created the module to fill a particular need we have that would allow us to bring a WordPress blog to DNN, but it could be any sort of blog, or any RSS feed with images and text.

An Example

Our blog is at: http://www.interactivewebs.com/blog

We use WordPress to power the blog, because it is extremely powerful as blog technology, and far superior to many other blog technologies available.

image

The blog allows RSS feeds of almost every item listing, either by cloud tag, or category. It is one of the powerful features of WordPress. If you click on a Category such as iPhone, you receive this web view: http://www.interactivewebs.com/blog/index.php/category/apple-mac/

and if you add /feed/ to the end of that URL, you will be given the same content in an RSS feed.

http://www.interactivewebs.com/blog/index.php/category/apple-mac/feed/

Shown in Internet Explorer

image

The same content can then be fed into the InteractiveWebs Mushroom Lite DotNetNuke Module using the same URL as above.

image

Giving a great result on page. Note that the module is automatically pulling

image image

or

image

So in this way, you can bring your blog content in the form of an RSS feed directly to the page of your DotNetNuke website, and display it in style.

Best of all, the module allows you to customize the layout using CSS, jQuery and a template.

image  ajax-loading-bar-19Loading Effect

With Loading Effect also controlled by template, allowing you to select a number of effects.

The last tab on the module shows the installed version, and if there are any updates available past the version installed.

image

Look and Feel

With the images pulled from you RSS feeds, you can set the image display size.

image

Set the number of characters pulled from the feed source:

image

image

with the automatic truncation of the content stream.

Linking to the Full Content

The module allows for the reader of your page to click on the content and view the original stream in several styles:

image

 

image  image

With handy information sharing links built into the popup:

image for sharing your posts.

There are also options that allows for sorting the feed:

image

To allow you to use the module and it’s feeds in different ways. For example we use the post on this page.

http://www.interactivewebs.com/mushroom-lite/Support/HelpandSupport.aspx

to provide a help and support for one of our other modules. The posts in this page were done with the most relevant to least, so the content we want at the top of the page remains there.

Caching

An important part of performance is that the module does not hit an RSS stream each time the page loads. We have provided for this with server site caching, controlled within the module.

image

Allowing you to define how frequently the module reloads the RSS stream with new content.

For more information and demonstration, see our site here:

http://www.interactivewebs.com/mushroom-lite/MushroomLite.aspx