Network You – New DotNetNuke YouTube Video Module

imageRecently we launched a new website called Network You. The site can be found at

Of particular interest on the site is a new module or ours soon to be released to the DotNetNuke Community called Mushroom Video Module.

The module will feed Youtube Play Lists from directly into your site in an easy to manage and easy to use video feed.


The end result of the feeds looks like this:



With the video feeds being selected directly from a play list selector button that referenced a YouTube account name.



The module also uses the template system developed by InteractiveWebs for the display system that allows simple to load templates to be customized to the users requirements.


An example of the module with multiple feeds onto a single page is this one:

We will be releasing the module to the public in the next few weeks. We would love to hear any comments!

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:

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


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:

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

Shown in Internet Explorer


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


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

image 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.


Look and Feel

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


Set the number of characters pulled from the feed source:



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

With handy information sharing links built into the popup:

image for sharing your posts.

There are also options that allows for sorting the feed:


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

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.


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.


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

For more information and demonstration, see our site here:

Description Field Templates for Picasa–Desc


Google Picasa has the ability to enter a description for an image. That description text is usually an explanation of what the image is about.

We have the ability to access this description text of images using the token: ${item.description} within the template.

To make this easy, we have added a second template to the templates within this module, using the same name but with “Desc” in the name.


Where The – Dec versions of the templates like the Light box-Desc will display the description text.

The templates remain editable as usual, to those of you who are skilled with HTML, CSS etc. We just thought it would be best to include these templates to simplify the process.

Loading Template Settings–Mushroom Image


Loading Templates

These templates are used for the loading effect in the website while the module loads content. This is only used while the module pulls down source content, and if the source is cached, you will not see the loading template effect.


If you examine the source view of the loading template, you will notice that the effect references a .gif file. This file is a motion .gif and can be swapped out for any loading .gif image you like.


Display Template Setting–Mushroom Image


Display Templates

This is where you pick how your images will be shown on the page. The display templates define the end user look and feel.

There are several buttons that appear under the Display Templates Tab.


Load Template

Used to select a predefined or saved template. If you want a look like the Light Box effect, then you can click on the Light Box template from the available templates:


Then select the “Select” button.

This will cause the HTML and CSS for this template to be loaded into the “Display Template”

You can reveal the code for this by clicking the Source View from the HTML Editor.


You can edit or improve the source code to match the colours you use on your site.

When you are done editing, you select the Save Tab Changes, or Save & Return to save the template and return to the page.

If you play around and don’t wish to save, the Cancel & Return can be used to exit without saving your selection or changes.

Export Template

Allows a template to be packaged and saved as a .zip file. This file can the be used and imported on other sites using the Mushroom Image module.

This is perfect if you want to modify then export a template that you have customized for your own use.

The package includes a Thumbnail.png file that can be modified to reflect the look of your customized template. A Screen capture for example. Use the same dimensions as the example png file.

Naturally you can save a local copy of your favourite templates for used on sites that you create.

Import Template

Used to import templates that you have exported elsewhere. Selecting the Import, then locating your .zip package that you previously exported. Then uploading into the site for use.

Once imported, your template will become available across all portals on the site.

Save Template

If you modify a template and wish to save directly to the site for use as a custom template, then you can click the Save Template button.

We have included some icons to allow you to associate an eye catching icon with your custom version, or you can upload a screen capture to associated with the saved template.



To assist you in “Undoing a Mistake” we have enabled versions of the templates. This way you can play with a template, and if you make a change that is for the worse, you can easily revert to an earlier version.


Great Hey!

Basic Settings–Mushroom Image

Image Source

This is the source that the module will connect to to pull images from. You can use Flickr, RSS, or Local Folder.

Flickr – Will pull images directly from a Flickr Image Set e.g.

RSS – Will pull the first image from each unique post in an RSS source. e.g.

Local Folder – Will use images with a selected folder to display as images. This folder must be part of your DotNetNuke website.

Google Picasa – Will pull images from a Google Picasa source, using the images in the module.


You can define the image types to be used in the module. For example if you pointed the Image source at a local folder that had a mixture of image types in it, then the Filter can be used to only use one type “.jpg” for example.

Number of Images

Defines the number of images that will be used from a feed source. So for example if your RSS source includes a large number of items, you can limit it to show only the last x number.

Thumb Size

Defines the Pixel Size of the thumb nails to be used. It should be noted that not all templates will use the thumbnail size. For example the “Light Box Effect” does use the thumbnail size, while the “Shutter Effect” does not.

image_thumb[8] Thumbnails used

image_thumb[9] No Thumbnails used

In most cases, the thumbnail feature is only for templates that employ a popup effect.

Image Size

This is the size that the image will be displayed on the page. We have intentionally left this variable to allow you to adjust to fit the images you use. If you use the HTML5 Template for example, then the amount of white space around the displayed image is dependent on how closely the defined image size matched your original images.

Caching Length

To improve page load time, we wanted to ensure that the web server with your dotnetnuke site on it does not need to run off to your image source each time the page is hit and reload the images. If you imagine a slow RSS as the source, then this could cause the page load time to be considerable.

To fix this we allow the module to cache images locally on the server, there by improving page load time.

In this setting you can define the length of time before the web server will run off and update the feed. The time you define here should be reliant to the type of images you want to feed. If you feed op to the minute news images, and you set this to cache for a week, then visitors to your site will see images that are out of date.

On the other hand, if you expect the feed source not to change, then set a high value here to reduce server load time.

If you reboot the server or restart IIS, then the module will run off and update the source the first time the module is loaded.

DotNetNuke Module Update News

Today we have release a range of new module updates for DotNetNuke. These include improved support four many of the modules in a partial trust IIS server environment.

All of the module can be Downloaded Free from our DNN Module Download page here.

Description: Description: Description: Description: Description: Link Builder 55.01.13
Automatically create and mange backlinks into and out of your websites to help improve SEO effectiveness of your site.


Description: My Friend 45.05.33
Add a "Tell A Friend" jQuery popup module to your site to allow visitors to spread the word of your great website. Add a "Tell A Friend" link to every page of your site in minutes.


Description: Description: dnn subscription module

Subscriptions Module 45.02.02
Subscriptions and advanced PayPal auto recurring subscriptions module with tax zones.


Bulk Emailer Download 45.05.96
Bulk Email for DNN with reliable campaign management and advanced tracking features, link tracking, recurring campaign and opt-in module.



Description: Report 45.01.17
Display your Google Analytics data directly to your DotNetNuke website.