May 2011

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. Images 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… Read More »Display Template Setting–Mushroom Image

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. http://www.flickr.com/photos/45764413@N00/sets/ RSS – Will pull the first image from each unique post in an RSS source. e.g. http://www.interactivewebs.com/blog/index.php/category/dnn-module/feed/ 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. Filter 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… Read More »Basic Settings–Mushroom Image

Adding the Module –Mushroom Image

Getting your site ready for Mushroom Image Once you have installed the Mushroom Image module, you will need to ensure your site is ready to host jQuery. DotNetNuke makes this easy, but there is one small change we recommend first. 1. Login as Host 2. Go to HOST SETTINGS and locate the jQuery settings: 3. Tick the option for “Use Hosted jQuery Version” 4. In the Hosted jQuery URL, type: http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js Background DotNetNuke currently runs with jQuery version installed. That is to say that DNN have included some jQuery files that will sit on your web server and ensure that jQuery works on your site. The only problem is that at the time of writing this, the included jQuery version is not up to date enough to take advantage of some of the recent features of jQuery that Mushroom Image takes advantage of. The Rotate Effect http://www.interactivewebs.com/mushroom-image/Demo/RotateEffect.aspx uses a later… Read More »Adding the Module –Mushroom Image

Installing the Module–Mushroom Image

DotNetNuke 5 refers to modules as extensions. There are two types of module extensions: Pre-installed Modules – modules included in DNN that have not been included in the build. Third Party Modules – modules built or bought and added to DNN to extend DNN’s core functionality. We will look at third party installs only here. Adding third Party Modules Log into your DNN instances using a Host account. From the HOST drop down menu select Module Definitions. On the Module Definitions page, select Install Module from the Module Definitions’ module options drop down. You will be taken to the Install Package wizard. Browse to the module package you would like to install. Of course, in this example I am installing Open Web Studio. After you have browsed, select Next. Information about the select module will display. Select Next. If available, release note information will display. Select Next. If License information… Read More »Installing the Module–Mushroom Image

New DotNetNuke Module–Mushroom Image

This 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: 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 http://www.interactivewebs.com/mushroom-image/Demo/ShutterEffect.aspx http://www.interactivewebs.com/mushroom-image/Demo/RotateEffect.aspx http://www.interactivewebs.com/mushroom-image/Demo/HTML5Effect.aspx http://www.interactivewebs.com/mushroom-image/Demo/LightHeadsEffect.aspx There is… Read More »New DotNetNuke Module–Mushroom Image

Changing the Look and Feel

Main Menu 1. From the module Main Menu, select MODIFY LOOK AND FEEL 2. Use the Text HTML editor to Modify the Introduction text that appears at the top of the public side of the Feedback module. This is uses standard DNN Text HTML editing. Form Item Layout Text/HTML 3. Here you will find the html code that lays out the form items in the public view. Using the HTML editor, select HTML view mode, and edit the HTML code directly to get the best results. The most common change it to edit the width of the table that displays all the form items to the public. To make the form wide and prevent items from spanning two lines. Modify the HTML code in the top line: " ". Change the 250 to something wider like 500 Remember though that your web page, width of the site and container will… Read More »Changing the Look and Feel

Changing the email address the form is sent to

From the module menu (see the above help selection for installing the module to a page). 1. Select MODIFY EMAIL SETTINGS 2. Select CLICK HERE TO MODIFY THE SEND TO EMAIL ADDRESS 3. Select EDIT (just after the arrows) to edit the email address and name of the form. 4. Change the form name and email address as desired. Click UPDATE when done. 5. Select BACK TO FORM ITEMS 6. Select BACK TO MAIN MENU

Adding a Feedback Designer module to the page

Having installed the Module to your DNN site. 1. Login to your site with Host or Admin permissions. 2. Navigate to the page you wish to add a form to. 3. From the DNN module menu select FEEDBACK DESIGNER and the Pane Location. 4. Select ADD to add the module to the seelcted pane. 5. You will see a warning message advising that the module has yet to be configured. This message will only be seen one time. 6. From the Complete Feedback Designer menu on the module, select CONFIGURE MODULE. 7. You are now presented with the Module Menu. From her select the options you wish to edit by clicking the corresponding CLICK HERE.

A Common SMTP Error in DotNetNuke

We get help requests, and we really do love to help you! Really! but please make sure you have a DNN host SMTP server configured that works before you ask us for help! This module requires the SMTP server settings to be configure in DNN. This is because it uses the DNN SMTP server settings to send email. To configure… 1) Login as host user 2) Under “Host” menu select “Host Settings” 3) Scroll down and expand “Advanced Settings” 4) Expand “SMTP Server Settings” 5) In the SMTP Server text box type in mail.your_domain.com where your_domain.com is the actual domain name of your site (this same exact host name for smtp, pop3, imap4, and web mail) You can use authentication for the SMTP server if required. The DNN site will require Relay permissions that are often set to require authentication. An example of the error you see when you do not… Read More »A Common SMTP Error in DotNetNuke

Understanding SMTP in DotNetNuke

DNN SMTP Settings DNN Websites have the ability to configure in the host settings an SMTP server. When a DNN email is generated from the DNN website, it will attempt to send mail through this SMTP server. In order that your DNN website can successfully send the email, the SMTP server must allow the email message to be received. Typically this is done in one of four ways. The SMTP server is configured for Open Relay (This should NEVER be done unless you have an external firewall blocking all external SMTP connections. Otherwise your mail server will become a spam server within hours) SMTP Authentication – Typically SMTP servers are configured to allow users with a valid username and password to authenticate themselves. Once they have been authenticated, they can communicate email messages through the SMTP server. This is the same way most ISP’s work their mail servers. The idea… Read More »Understanding SMTP in DotNetNuke

Installing The Module

Note: Your Download Package Needs to be unziped before you start the install process. The file that is installed to the DNN site as a module is named with a “xxx PA.zip” 1. Login to your DNN site as a system HOST 2. Under the host menu, select MODULE DEFINITIONS 3. From the Module Definitions menu, select INSTALL NEW MODULE 4. BROWSE and select the Feedback Designer xx.xx.xx PA.ZIP file for uplad. Then select SAVE FILE.  Note that in some cases you may need to extract this PA files from a password encripted package zip. 5. Check the list of processes that follows for RED warnings and errors. 6. Your module is ready to be access and used on any DNN page in your site or child portals.   Installing a Module in DotNetNuke 5

reCcaptcha in DotNetNuke Login and Registration

Recaptcha is the Google service that provides protection against machine entry to your website forms and services. Our Advanced Login Module for DotNetNuke allows the use of recaptcha in your website login and registration process. However until our latest release, we did not allow that recaptcha field to be customized according to the recommended settings of themes explained in the Google Labs setup. With our latest release, you can now customize the recaptcha service to meet the look and feel you require for your DotNetNuke website.