February 04, 2012
 
 
 
Creative Tutorials
Dec 8

Written by: Mike Cox
08/12/2008 12:06 PM 

Dotnetnuke module developers have a lot of tools at their disposal that allow us to have a consistent and familiar user interface among all modules regardless of who made them.  These tools are referred to as controls and one such common control is the file uploader.

Here are some examples of the file uploader control and where you you may see them.

As seen in Site Settings (twice)
As seen in Site Settings (twice)
As seen in the Text Editor Link dialog
As seen in the Text Editor Link dialog
As seen in Ventrian News Articels Attachment dialog
As seen in Ventrian News Articles Attachment dialog
As seen in the image uploader of the Text Editor module 
As seen in the image uploader of the Text Editor module

Uploading a file takes a few steps and when you think you are done, you may not be.

In the first step, you choose that you want to upload a new file by clicking on the Upload New File link.

Control is not ready yet, press the Upload New File link

Once you click on that link, the page will refresh and the control will take on a different look:

The control is now ready to browse

Now you need to click on the Browse button and choose the file from your hard drive.

Browse for the file that you want

IMPORTANT! Now you need to press the link Upload Selected File Link

Click on the Upload Selected File 

Once you press the Upload Selected File link, there will be a delay while the file uploads.  If you are trying to upload a large file, you may get a page error.  Be reasonable with file sizes, this control is not designed for large files.  I would recommend that you never upload a file larger than 5-MB using this tool.

Your file is now uploaded and it is automatically selected.  But you are still not done!

Your file is now uploaded and selected

You have uploaded your image, it is selected in the File Upload control, but you have to commit your changes just as you do with any change you make.  This part of the process is module specific and may not appear as you see below.

Commit your changes.

That is all, if you have a problem, email me or call me.

Mike

Tags:

Your name:
Your email:
(Optional) Email used only to show Gravatar.
Your website:
Title:
Comment:
Security Code
CAPTCHA image
Enter the code shown above in the box below
Add Comment   Cancel 
Minimize
Downloads
 TitleSize 
Meta Post Documentation1.39 MBDownload
Terms Of Use | Privacy Statement
© 2006 Creative Information Solutions