FTB Image Gallery Demo

By BylineJohn Dyer on

I put up a demo of FreeTextBox 3.0’s image gallery control (it’s the image button on the last toolbar). You can:

  • navigate up and down directories
  • set all major image properites
  • upload images
  • create folders

The main property you need to set it is FreeTextBox.ImageGalleryPath. It uses .NET notation, so “/images“, “images“, and “~/images“ may all point to different places.  Please read up on ResolveUrl().

The other property is ImageGalleryUrl which tells FTB where the file ftb.imagegallery.aspx resides. It defaults to “ftb.imagegallery.aspx?rid={0}&cid={0}“. The {0} are replaced by ImageGalleryPath on the client side.

 

15 thoughts on “FTB Image Gallery Demo”

  1. I think it looks great! So does the My only suggestion would be that you default the border to "0" and have an option to maintain the proportions when modifying the size.

  2. OOOHHHH!!! I LOVE IT!!! I guess this means we’re getting uber close… *tinkles* 😉

  3. I tried your Image Gallery on Firefox, It looks good expcept the upload file control is not correctly rendered. Firefox does not understand style "width" for <input type="file"…>

  4. Does the new FTB will allow us to have PX font size ?? like 12px, 13px, 14px for the font size ??

    thanx

  7. I keep getting a javascript error (have tried it a few different times).

    Line: 83

    Char: 2

    Error: ‘fileButton’ is null or not an object

    Prolly just me, but thought I’d mention it just in case.

    I’m running Windows XP w/ SP2, so obviously IE6, but I am also having the problem w/ Firefox (running RC2).

  9. It’ll be up this week.

    On the image gallery, I added file and directory deletion and updating sizing to include percentages. It’s pretty slick.

    The only things I might add to it are physical file resizing and thumbnail creation.

  10. Those would be awesome additions. The additions to image gallery were very cool. The thumbnail create is great for keeping load/response times fast, but it kinda sucks when you consider that animated GIF’s dont size correctly or animate.

    Personally, I’d keep it just the way you have it, but if you must than I understand also 😉

  11. The preview looks really good. I can’t wait to get my hands onto the new DLL (and source code)!

    In the image gallery department, I think that some simple image manipulation functions (resizing, rotating, flipping, cropping, adding a shadow, softening the border) are really useful for everyday web work. I have implemented such operations in an image gallery of my own (which I will probably throw out seeing FTB’s new one) and would be happy to contribute the code if you are interested.

    Also, I very much appreciate that FTB now no longer requires the stupid client-side image folder and all this – WebResources are really neat. However, as I far as I can see, the image gallery still needs an .aspx page… so somehow we’re back where we were.

    For a project (actually a CMS that I plan to use FTP in – more info is coming soon), I have developed a handler that will let you run .aspx pages from resources. The resource-based pages fully support code-behind and inheritance (but no inline code) and can also be localized using the usual satellite assembly techniques. This allows you to actually package a whole bunch of .aspx (and .ascx also) into a DLL, making the deployment much easier. The code is not currently online for download anywhere, but I would gladly contribute it to FTB.

    If you are interested in any of this, please contact me at vonwyss at bsn ch.

  12. Leo,

    Thanks for the comments. I agree that having a separate ASPX page to hold the control is not idea, but this is almost impossible to do and still retrieve image and folder information.

    I played with the idea of having the entire FTB control postback to get image data, but i didn’t think users would appreciate the entire form refreshing in order to navigate a page.

    One alternative would be to retrieve the image and folder information from all image folders and subfolders and send that as javascript arrays when FTB renders. The image gallery could then just read that information. The problem is that there might be thousands of images and that would be a lot of data to send if it weren’t needed.

    The best alternative might be to have the shell of the image gallery be simple HTML (just like the insert table dialog) that makes some kind of call back to FtbResource.axd to retreive folder/image data. While that didn’t seem too bad to me, it was difficult to see how I could impliment commands like DeleteFile and at the same time impliment some kind security since the command would essentially be a URL like FtbResource.axd?command=delete&file=/images/mylogo.jpg which anyone could simply type in and execute. I could create a separate axd for the image gallery that had some kind of permissions settings in web.config… but then the complexity factor comes back in…

    As for the other ideas of rotate, resize, etc. I’m looking into doing that after I get a good 3.0.0 release out the door.

    JD

  14. OK Look how do you keep up with the directory you are in? The paths to the images do not follow the images when you navigate the folder structure!!!!!!!!!!! Need to post some more examples someone.. This is frustrating me….

  15. We set image url path in the code behind to an absolute path. However, when we insert an image the src= appends "localhost/"…why is the localhost being applied to the image source in HTML?

Comments are closed.