When using the DotNetNuke 4.x search and no results are returned (search didn’t find content that matched the search criteria), this code will display “No Search Results Found” instead of the displaying an empty search results page.

We’ve also modified the search result item layout to make the page easier to read.

NOTE: DNN 4.x ONLY, not compatible with DNN 5.x.

1. Download our custom SearchResults.aspx file.
2. Create a backup copy of you current file DNNROOT\Admin\Search\SearchResults.aspx
3. Overwrite existing file with the downloaded file DNNROOT\Admin\Search\SearchResults.aspx
4. Give it a try!

We’ve noticed that most or our clients find the default DNN calendar font too small. That’s why we usually add our own Events Theme for use with our custom DNN skins. You can download it for free and see if it works for you.

Leave a comment if you have any suggestions for improvement or just want to say how much you liked it.

Installation Instructions

1. Dowload our Custom Events Theme.
2. Extract downloaded file into directory: DNNROOT\DesktopModules\Events\Themes\
   You should now have a new directory named FullWidthLg in the Events\Themes directory.
   The FullWidthLg directory should contain a file named FullWidthLg.css
   e.g. DNNROOT\DesktopModules\Events\Themes\FullWidthLg\FullWidthLg.css
3. Apply the new theme to your Events Module.
   1. Select Settings from your Events Module.
   2. Expand the Events Module Settings.
   3. From the Theme/Skin select box, select FullWidthLg.
   4. Click Update.

Leave a comment if you have any suggestions for improvement or just want to say how much you liked it.

This tutorial describes one of the many ways to add a Flash Video (.flv file) with video controller to the Text/HTML Module in DNN.

We will use 5 files for this tutorial.

1. FLVPlayer_Progressive.swf
   This is an Adobe created Flash file that will load our flash video and the video controller.
2. Corona_Skin_2.swf
   This is the video controller Flash file that will overlay our video to allow users to Play/Pause, Seek, and Mute the Flash video
3. expressInstall.swf
   This is another Adobe created Flash file that will communicate with the Adobe servers to install a Flash plugin if missing from the user’s browser.
4. swfobject.js
   This is a JavaScript file that will write the code necessary for the object include. Developed by Geoff Stearns, Michael Williams, and Bobby van der Sluis. http://code.google.com/p/swfobject/
5. OurVideo.flv
   This is our Flash video. We used Adobe Media Encoder to convert from Quicktime (.mov) to Flash Video (.flv) but there are many applications that can do this video conversion

Prerequisite:
If you are using a brand new install if IIS, you will need to enable the .flv mime type. If your site is hosted by a 3rd party this step may not be necessary as they have most likely added the mime type for Flash video to your web server already.

Adding .flv MIME type in IIS

1. Select the site to configure in IIS, right click and select “Properties”
2. Under HTTP Headers Tab, select “File Types” under the MIME Map section and select “New Type”
3. Type “.flv” as the associated extension and “video/x-flv” as the content type.
4. Select “OK” and you’re ready to fly!

STEP 1:
We need to upload the 5 files to our DNN server. By default DNN does not allow the upload of .flv and .js files using the DNN File Manager. You can add these extensions to the “File Upload Extensions” list at Host > Host Settings > Advanced Settings > Other Settings > File Upload Extensions, or you can FTP these files to your server.

1. We will create a new folder DNNROOT\Portals\0\includes and upload swfobject.js into it.
2. We will create a new folder DNNROOT\Portals\0\videos and upload FLVPlayer_Progressive.swf, Corona_Skin_2.swf, expressInstall.swf, and OurVideo.flv into it.

STEP 2:
We will add the HTML code to the HTML/Text Module to play the Flash Video

1. Create a new HTML/Text module on a DNN Page
2. Click “Edit Text” link
3. Click the “Source” button on the Editor. Located in the upper left-hand corner
4. Cut and Paste the following code into the Editor

<script src="/Portals/0/includes/swfobject.js" type="text/javascript"></script>
<object width="400" height="350" id="FLVPlayer" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
  <param name="movie" value="/Portals/0/videos/FLVPlayer_Progressive.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <param name="scale" value="noscale" />
  <param name="salign" value="lt" />
  <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=/Portals/0/videos/Corona_Skin_2&amp;streamName=/Portals/0/videos/OurVideo&amp;autoPlay=false&amp;autoRewind=false" />
  <param name="swfversion" value="8,0,0,0" />
  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
  <param name="expressinstall" value="/Portals/0/videos/expressInstall.swf" />
  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
  <!--[if !IE]>-->
  <object width="400" height="350" type="application/x-shockwave-flash" data="/Portals/0/videos/FLVPlayer_Progressive.swf">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="scale" value="noscale" />
    <param name="salign" value="lt" />
    <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=/Portals/0/videos/Corona_Skin_2&amp;streamName=/Portals/0/videos/OurVideo&amp;autoPlay=false&amp;autoRewind=false" />
    <param name="swfversion" value="8,0,0,0" />
    <param name="expressinstall" value="/Portals/0/videos/expressInstall.swf" />
    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img alt="Get Adobe Flash player" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>
<script type="text/javascript">
<!--
swfobject.registerObject("FLVPlayer");
//-->
</script>

5. Click “Update” link

That should be all you need. You should now see the Flash video with controller on your DNN page. The code should be fairly easy to modify if you need to change the location or your files or text that is displayed if the user does not have Flash installed.

Please leave a comment if you have any additional questions.

UPDATE:
Hosting the .swf and .flv files on another server

Below are instruction to host your flash video on another server but behave like it’s hosted on your server.

Example:
www.OurServer.com (our DNN server)
www.RemoteServer.com (some other server such as Amazon S3)

In this example we created a directory on www.RemoteServer.com named /videos and upload FLVPlayer_Progressive.swf, Corona_Skin_2.swf, expressInstall.swf, and OurVideo.flv

We kept the swfobject.js file on www.OurServer.com.

The update code will now look like this:

<script src="/Portals/0/includes/swfobject.js" type="text/javascript"></script>
<object width="400" height="350" id="FLVPlayer" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
  <param name="movie" value="http://www.RemoteServer.com/videos/FLVPlayer_Progressive.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <param name="scale" value="noscale" />
  <param name="salign" value="lt" />
  <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=http://www.RemoteServer.com/videos/Corona_Skin_2&amp;streamName=http://www.RemoteServer.com/videos/OurVideo&amp;autoPlay=false&amp;autoRewind=false" />
  <param name="swfversion" value="8,0,0,0" />
  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
  <param name="expressinstall" value="http://www.RemoteServer.com/videos/expressInstall.swf" />
  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
  <!--[if !IE]>-->
  <object width="400" height="350" type="application/x-shockwave-flash" data="http://www.RemoteServer.com/videos/FLVPlayer_Progressive.swf">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="scale" value="noscale" />
    <param name="salign" value="lt" />
    <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=http://www.RemoteServer.com/videos/Corona_Skin_2&amp;streamName=http://www.RemoteServer.com/videos/OurVideo&amp;autoPlay=false&amp;autoRewind=false" />
    <param name="swfversion" value="8,0,0,0" />
    <param name="expressinstall" value="http://www.RemoteServer.com/videos/expressInstall.swf" />
    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img alt="Get Adobe Flash player" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>
<script type="text/javascript">
<!--
swfobject.registerObject("FLVPlayer");
//-->
</script>

Notice we have fully qualified the URI for the .swf and .flv files.

This should be all you need to host your Flash video on another server and have it look as though it is hosted on your server.

Note: On some servers (due to their configuration), you may need to add a crossdomain.xml file to the root of the remote server to allow cross-domain access to your flash content.

This is a very simple (and portable) SQL statement that will list the email addresses of all members of a DNN security role by the security role name.

This is useful if you use 3rd party newsletter or email listserv software and need the email addresses of all members of a DNN security role.

SELECT u.Email FROM Users u, UserRoles ur, Roles r
WHERE r.RoleID = ur.RoleID AND
ur.UserID = u.UserID AND
r.RoleName = 'Registered Users'

You can replace 'Registered Users' with any Security Role name.

This can be executed from the Host>SQL page or using the Microsoft SQL Server Management Studio.

Question: How can I add an HTML <form> element to the Text/HTML module in DNN?

Problem: When editors add a <form></form> tag to the Source of the Text/HTML module, the <form> tags are removed after they click the Update link on the “Edit Text/HTML” form.

Cause: ASP.NET only allows one form per page and by default creates its own form just inside the <body></body> tags.

Solution: Here’s an example form we will add to our Text/HTML module.

<form action="http://someURL.com" method="post">
<label for="firstName">Your First Name</label>
<input id="firstName" title="Your First Name" alt="Your First Name" type="text" />
<label for="lasttName">Your Last Name</label>
<input id="lasttName" title="Your Last Name" alt="Your Last Name" type="text" />
<input title="Submit Form" type="submit" value="Submit Form" />
</form>

Take note of the Form method and action values.

Locate your submit button input. In our example it is

<input title="Submit Form" type="submit" value="Submit Form" />

Add the onclick method using the method and action values like this:

<input title="Send Form" onclick="this.form.method='post'; this.form.action='http://SomeURL.com/';this.form.submit(); />

Next we remove the opening and closing <form></form>tags so we are left with the following code:

<label for="firstName">Your First Name</label>
<input id="firstName" title="Your First Name" alt="Your First Name" type="text" />
<label for="lasttName">Your Last Name</label>
<input id="lasttName" title="Your Last Name" alt="Your Last Name" type="text" />
<input title="Send Form" onclick="this.form.method='post'; this.form.action='http://SomeURL.com/';this.form.submit();" type="submit" />

We cut and paste this code into the Text/HTML Editor making sure to be in “Source” mode. (Make sure the “Source” button in the upper left-hand corner of the Editor is highlighted.)

If you need your action to be get not post you can change this.form.method='get'. This will add the form values as URL parameters.

If you want your form to open a new window on submit you can add this.form.target='blank' as well.

Special thanks to Mitchel Sellers for his blog about this subject.

Update:
A word about this.form.method='get'
Some browsers (we’re not naming names but you know who you are), can’t handle the length of the __VIEWSTATE URL parameter which is sent when using the get method. In cases where we have to use the get method for forms, we add the following JavaScript code at the top of our form to clear the __VIEWSTATE value. This is not “best practices” but allows the solution above to work when using some “popular” browsers.

<script type="text/javascript">
//<![CDATA[
document.getElementById("__VIEWSTATE").value='';
//]]>
</script>