Login Register
Wednesday, March 10, 2010
You are here : Demo » Standard Photo Listing
 
Background Minimize
 

On the right is simple Photo gallery. There are a lot of option on how the picture will be displayed and linked. In this example we decided for thumbnail and mouseover function: when you move mouse over the picture, full size picture is displayed. Download template on the right to try this gallery.

Other options you can use when creating galleries:

  • display pictures, files or mixed content
  • define source (picture from database column or filesystem)
  • show link, thumbnail, full size picture, picture with text and combinations
  • set thumbnail wigth and height
  • define target (how will picture open)
  • define default image URL
  • define MIME type
  • allow export/import 
  • enter allowed and restricted extensions
  • allow users to upload pictures.

 

You can also define all standard column properties of the grid - like filter, sort, detail view etc. For further information please take a look at other examples and documentation.

 

  
Buy it Minimize

 

 

  
Simple Photo Gallery Minimize
Filter by
   
Find it!
Records 1-10 of 11  
page1  
PictureFileDateFileNameTitleUserName
FileSize
Foto
12/28/2008 8:56:30 PM
ba.jpg
Foto
 
10773
test
1/4/2009 9:47:47 PM
049 trein Brazilie.jpg
test
 
15935
Pic11
1/7/2009 7:43:38 AM
confuse.jpg
Pic11
 
1687
Flowers
1/10/2009 1:06:59 AM
February 2005 099.jpg
Flowers
 
680971
fdfd
1/14/2009 1:01:38 PM
AlbumArt_{D4213C57-0F32-4AED-82E0-A6560E1EA35F}_Small.jpg
fdfd
 
2080
This is a test
1/22/2009 9:33:44 PM
cbrownKick.jpg
This is a test
 
4575
Plivanje
2/7/2009 1:37:40 PM
plivanje03.jpg
Plivanje
 
84660
sdfg
5/2/2009 2:35:53 AM
1336394181.jpg
sdfg
 
64526
Red Handed
8/31/2009 4:44:39 AM
12rice388.jpg
Red Handed
 
52819
horacio
10/20/2009 10:55:07 PM
RiverWalk_ROW1417142760.jpg
horacio
 
80194
  
Download template! Minimize

 

Try this sample on your own DotNetNuke portal.

  1. Download settings file bellow (right click on link and choose "Save target as...") and save it to the disk.
  2. Install IndooGrid on your DNN portal (if you didn't install it yet).
  3. Add new page to your DNN portal.
  4. Add new IndooGrid to your page.
  5. Go to Module settings page and click "Activate trial" if you didn't done that before.
  6. Click on "Table settings" link of IndooGrid module.
  7. Click on "Import-export" or wizard icon near link.
  8. Click on "Browse" button.
  9. Select the file you have downloaded (in step 1).
  10. Click "Import" button.
  11. Click "Finish".
  12. Click "Update".

 

DOWNLOAD Photo Gallery!

 

  
Reports | Forms | Forms (Questionnaire) | Million records page | Data Management | Catalog | Events | Feedback | Standard Photo Listing | Standard Photo Gallery | Live! Photo Listing | Live! Photo Gallery | Standard Video Listing
 
Privacy Statement | Terms Of Use
 
Copyright 2008-2009 IndooLab d.o.o.