Dynamic graphics using SVG

[The Shadow]

I've started playing around with the data:URI trick shown off by "The Bridge", and SVG to allow the dynamic creation of graphics in the webviewer.

My examples are pretty lame so far, but there is clearly a lot of potential here. Take a look at the attached fp7 file.

The sample file is setup for Mac users, and you'll need to download the SVG plug-in from Adobe if you haven't yet (the link is in the fp7 sample file).

Hopefully this will motivate someone to do something cool, I'd like to see a custom function that constructs a pie-chart, for instance. :)

svgSample.zip

[Brudderman]

Thanks for posting this. Do you know if there's any way to get it to work on Windows?

James

www.james-mc.com

[The Shadow]

Try replacing the "data:" at the front of the webViewerInput field with "about:" for each of the records, I hear that works in other posts, but I don't have a win machine handy to test it out on.

[The Shadow]

I borrowed the technique StuartT was using to (hopefully) make a cross-platform version that uses "about:" for Windows.

Let me know if you can see it - but you'll still need the SVG plug-in from Adobe if you don't already have that.

svgSample.zip

[Stuart Taylor]

Hello,

Hi I would like to know if the about: thing works myself...

I was very excited about the SGV demo and spent the day creating an SGV database with a customisable objects database and it works like a dream...

Its a wonderful tool especially when i spent all last week creating 1000 vector based images in illustrator to make a semi accurate pie chart maker...

PROBLEM IS:

[color:red]I CANT FIND ANY SUPPORT FOR PRINTING!!! on the Mac

Filemaker will not ... safari itself will not and neither will Firefox...

[color:green]Anyone had any luck printing???

or failing to print ... please say which platform/browser your using.

best,

Stuart

[Brudderman]

I tried the replacement of data: with about: but still no success. Maybe someone else with Windows will give it a try.

[Raybaudi]

It seems that the "about" thing in IE can accept only a limited number of characters :

[Stuart Taylor]

Ouch! ... Is this true of IE 7 beta too or Firefox on windows?

NOTE: Firefox 1.5.0.6 on my machine (os x 10.4.7) would not work until i [color:red]removed the spaces between the tags >< this may be the issue as the url should be in one string. Windows will probably require that.

If it works can you print?

Edited September 2, 2006 by Guest

[Stuart Taylor]

Anyone have any luck with either things mentioned above on windows?

... wish i could test myself :)

[Brudderman]

Stilll no luck here for me on Windows.

James

www.james-mc.com

[Stuart Taylor]

Just to make sure we are on the same page...

Checklist:

• You have installed the Adobe SVG Plugin Y/N

• You have restarted your browser and filemaker (maybe your machine)

• You are running FileMaker 8.5 or 8.5 Advanced

• You have made the html one string...

eg: test<...

not

test

<...

• apart from the beginning and the end every instance of " is replaced with "

If yes:

• Try replacing every instance or "data:text/html," with "about:" ... I think i may have just replaced the "data:" bit not the "text/html," this maybe the issue.

hope this gets you sorted,

Could you tell me how you get on as i would love to deploy this on windows with a sense of confidence.

best

Stuart

[Stuart Taylor]

Hi,

Can someone post an About: URL in a file that works on their PC for me to look at as i am on a mac and want to build x platform but cant test.

Stuart

[jeremysell]

Opera can print SVG images on a mac.

How do you print SVG images in the FileMaker's Web Viewer?

Thanks,

Jeremy

You can get Opera from here… http://www.opera.com/download/

[Stuart Taylor]

If this is true I have just become your number one fan and will be in your gratitude for ever ... this will extend the functionality of filemaker wow.

In terms of printing ... i believe the safari framework in the os is used for the viewer itself.

This means that you would be required to export the contents of the field to say the desktop ... calling it "filename.htm" and then run a simple applescript

(this is off the top of my head, think it should work)

Tell application "Opera"

open "Harddrive:Users:Username:Desktop:filename.htm"

Print

End Tell

Best wishes,

Stuart

Edited December 11, 2006 by Guest

[Stuart Taylor]

Opera SVG printing on OSX works like a dream...

Anyone tried printing on Windows ... assume Opera works x platform ... but does IE or any other browser print SVG?