You are here: Home / FileMaker / FileMaker Web Viewer Dynamic Image Resizing

FileMaker Web Viewer Dynamic Image Resizing

December 24, 2010 By 7 Comments

This sample database can be used by FileMaker developers to help create a customized solution. It is provided free of charge.

I was reading a FileMaker blog the other day about addressing the issue of resizing an image in a web viewer here. These are some good ideas and solutions to the problem presented there but I think that there is a simpler way that is not limited to square images. This sample file that elegantly shows how to dynamically resize an image in a web viewer by using a data URL.

Take a look at the formula for the web viewer in the sample file. It builds a data URL that allows the image to be resized by the web browser based on the actual web viewer layout attributes or fixed numbers. The height or width attribute can be removed to maintain proportions for the graphic. This method is very simple, works on any size graphics, and requires no Javascript.

Filed Under: FileMaker, Web & Internet

Comments

  1. Matteo says:
    July 6, 2011 at 12:40 am

    This is interesting, however it look like there isn’t a solution for fixing W or H keeping the proportions of the image, or I am missing something?
    Thanks though, I didn’t know this was possible in web viewer…

  2. Tim Cimbura says:
    July 6, 2011 at 7:19 am

    Yes you can keep the proportions. Choose to specify either the width OR the height (not both) and leave the other parameter out of the html code and the proportions will remain with the parameter you specified being fixed.

  3. Rich says:
    November 7, 2011 at 4:38 pm

    I just tried your FileMaker Web Viewer Dynamic Image Resizing but it doesnt seem to fill any box completely using my image in your sample file. What am I doing wron or what should I try? I can sen a sample picture.

  4. gaël says:
    February 16, 2012 at 3:59 pm

    Is it supposed to work as well with a local path like
    file://Macintosh HD/Users/gaelxhauflaire/Desktop/Images Fluo/20120207/11.jpg
    When used alone in the web viewer, this path shows me the picture, which is far too big and is truncated
    Your “resizing method” is great but i cannot manage the html writing to recognize the local path…
    Thank you

  5. Tim Cimbura says:
    February 16, 2012 at 5:08 pm

    This method should work fine with a local path but you need to escape out the spaces in your path by replacing them with %20. I tested with a document on my desk top with the following path file://Macintosh%20HD/Users/timcimbura/Desktop/test.png and it worked fine. Hope that helps.

  6. gaël says:
    February 19, 2012 at 3:53 pm

    Thanks !!

  7. Per says:
    April 4, 2012 at 2:34 am

    Thanks! Can save PDF catalog with resized web images. Work very well!

Speak Your Mind

*