Login Register
Sunday, May 26, 2013
You are here : Demo » Live! Photo Gallery
 
Current IndooGrid Status Minimize

 Dear customer!

IndooGrid version 3.0 release is currently postponed. You'll hear back from us when beta version will be available.
  
Background Minimize

Above right is advanced Photo gallery with 4 pictures in a row and 4 rows per page (you can decide how many rows will be displayed on each page or even allow users to decide, for example in the list we decided for 6 rows). There are a lot of option on how the picture will be displayed and linked.

In this example we decided for thumbnail and overlay of full picture when you click on the thumbnail. Note the Next and Previous buttons on overlaying picture. Title (on the top) and Description (on the bottom) are also displayed when full image is on the screen (data are pulled form the database records). You can use Filter field to search Titles and Descriptions.

Bellow right is Photo listing to manage pictures displayed above. Note that not all pictures displayed in Photo Gallery are also displayed in Photo Listing. Only your pictures (pictures you've uploaded, or, if you are not logged in, pictures uploaded by annonymous users)) are shown in the list- that's because in this example we want to show this option. You can also set selective access for Photo Gallery. 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.

 

  
Photo Gallery Minimize
Filter row(s) by
   
Find it!
  
page1   
  
Photo Listing Minimize
Filter by
   
Find it!
Records 1-10 of 41  
page1     
PictureFileDateFileNameTitleUsername
FileSize   
2/1/2008 11:21:55 AM
beach.gif
Beach
peter
 
2/1/2008 11:23:06 AM
belvedere.gif
Belvedere
peter
 
2/1/2008 11:23:48 AM
blueflower.gif
Single flower
peter
 
2/1/2008 11:24:27 AM
candle.gif
Candles
peter
 
2/1/2008 11:25:24 AM
cave.gif
Cave photo
peter
 
2/1/2008 11:27:16 AM
circle.gif
Circle
peter
 
2/1/2008 11:28:03 AM
closeflower.gif
Nature
peter
 
2/1/2008 11:32:07 AM
evening.gif
Evening
peter
 
2/1/2008 11:29:33 AM
food.gif
Food
peter
 
2/1/2008 11:30:31 AM
gasfire.gif
Fire
peter
 
  
Download template! Minimize

 

Try this sample on your own DotNetNuke portal. Be sure to download and import Listing first because it contains SQL procedures for creating tables. After importing Listing repeat the procedure for Gallery.

  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 Listing!

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.