DNN Image Module Template Modifications

image

With our DotNetNuke Image Module, the module comes with several templates. It is possible to modify any of the templates and create images and looks to suite your needs.

The original lightheads template that we use the following html for the thumbnail:

     <div class="iwebs-pic " style="background: url(‘$item.image’) no-repeat scroll 50% 50% transparent;">

     That means the raw image will be used as background image for the thumbnail rectangle. Since the background image will not be cropped or resized, you can only see part of the whole pic.

I You can change the template <div class="iwebs-pic " style="background: url(‘$item.imageresize‘) no-repeat scroll 50% 50% transparent;">

However, in order to keep the proportion, there will be some blank area for each thumbnail.

image

If you do not care about distortion of the thumbnail and want to fill the blank area any way he can use <div class="iwebs-pic " style="background: url(‘$item.thumbnail’) no-repeat scroll 50% 50% transparent;">

http://www.interactivewebs.com/mushroom-image/Demo/LightBoxEffect.aspx

Other DNN Modules

New DotNetNuke Module–Mushroom Image

imageThis week we are releasing the first of our Integration module suite. The suite called Mushroom is designed to allow integration between WordPress, DotNetNuke, Social Media, and iPhone App.

The first module we are publically releasing is called “Mushroom Image” and is an image rotator style module that allows feeds from WordPress to run images directly into your DotNetNuke website.

Like our other recent module releases, we have designed the backend for easy and fast configuration using JS as the basis of the User Interface.

Templates

With all our recent dnn modules, we have used a template CSS / HTML system to allow the end users interface to be customized.

Here are some examples of the UI:

image

image

image

image

image

image

image

While we are still working on the website to support the sale of the module, you can see some of the demo templates on display here:

http://www.interactivewebs.com/mushroom-image/Demo/LightBoxEffect.aspx

image

http://www.interactivewebs.com/mushroom-image/Demo/ShutterEffect.aspx

image

http://www.interactivewebs.com/mushroom-image/Demo/RotateEffect.aspx

image

http://www.interactivewebs.com/mushroom-image/Demo/HTML5Effect.aspx

image

http://www.interactivewebs.com/mushroom-image/Demo/LightHeadsEffect.aspx

image

There is more to come, so stay tuned.

Update to DNN Module–Google Analytics Report for DotNetNuke

Description: http://images02.interactivewebs.com/Portals/59/GoogleAnalyticsReportFlat-Optimised.jpgToday we released an update to our Google Analytics Report Module for DNN. The module is an excellent way to bring your Analytics results directly into your DNN website.

We have an example of the DNN module running on our analytics report site here.

DotNetNuke (DNN) Analytics Report ModuleDescription: Free DNN Modules

Google Analytics Report Module allows you to display your Google Analytics Graphs in a custom module on your DNN website.

This allows you to use the Google Analytics free service with your client’s websites, and deliver the results directly to the client without them leaving the DNN platform. This effectively replaces the DNN site log data with a neat flash colour graph of the Analytics Report data.

Now you can have advanced analytics data in your site and have it appear to be part of the DotNetNuke Module Platform that you deliver to clients.

This is another Custom Module for DotNetNuke by InteractiveWebs.