Smalltalk › Frameworks & Tools › Seaside › Seaside General

Inserting a SVG item into a tab page

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

4 messages Options

Lorenzo

Inserting a SVG item into a tab page

Hi,

I would like to insert into a tab page of uilayout in jquery-widgets a draw from SVG examples.

Can anybody help me?

Many thanks

Lorenzo

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Hannes Hirzel

Re: Inserting a SVG item into a tab page

Lorenzo

A hint

I had a similar question last month

http://lists.squeakfoundation.org/pipermail/seaside/2011-March/026184.html

I used the answer given in
http://lists.squeakfoundation.org/pipermail/seaside/2011-March/026190.html

renderContentOn: html
html html: self svgString

svgString
^ '<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
height="800">
......'

The page source produced looked so far fine but the browser (FF3.6)
did not render it properly. At that time I could not follow up what
caused it. Maybe it was that FF did not interpret the file properly or
it was still malformed.

I am interested in getting this running ...

--Hannes

On 4/18/11, Lorenzo Schiavina <[hidden email]> wrote:

> Hi,
>
> I would like to insert into a tab page of uilayout in jquery-widgets a draw
> from SVG examples.
>
> Can anybody help me?
>
> Many thanks
>
> Lorenzo
>
>

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Johan Brichau-2

Re: Inserting a SVG item into a tab page

In reply to this post by Lorenzo

I'm not familiar with the uilayout jquery widget, but rendering svg in Seaside with Seaside-DynamicSVG is exactly the same as rendering html.
Essentially:
- encapsulate the tab as a Seaside component
- have the Seaside component render a svg canvas using the standard #renderContentOn: method (see SVG Examples)
- render the svg in the drawSVGOn: method (also see SVG Examples)

If you could provide a little more information on what exactly your problem is, we might be able to help.

cheers
Johan

On 18 Apr 2011, at 19:34, Lorenzo Schiavina wrote:

> Hi,
>
> I would like to insert into a tab page of uilayout in jquery-widgets a draw from SVG examples.
>
> Can anybody help me?
>
> Many thanks
>
> Lorenzo
>
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Lorenzo

Re: Inserting a SVG item into a tab page

In reply to this post by Hannes Hirzel

Thank you very much: I suceeded; it was really easy!

Lorenzo
----- Original Message -----
From: "Hannes Hirzel" <[hidden email]>
To: "Seaside - general discussion" <[hidden email]>
Sent: Monday, April 18, 2011 7:45 PM
Subject: Re: [Seaside] Inserting a SVG item into a tab page

> Lorenzo
>
> A hint
>
> I had a similar question last month
>
> http://lists.squeakfoundation.org/pipermail/seaside/2011-March/026184.html
>
>
> I used the answer given in
> http://lists.squeakfoundation.org/pipermail/seaside/2011-March/026190.html
>
> renderContentOn: html
> html html: self svgString
>
> svgString
> ^ '<svg xmlns="http://www.w3.org/2000/svg"
> xmlns:xlink="http://www.w3.org/1999/xlink"
> height="800">
> ......'
>
> The page source produced looked so far fine but the browser (FF3.6)
> did not render it properly. At that time I could not follow up what
> caused it. Maybe it was that FF did not interpret the file properly or
> it was still malformed.
>
> I am interested in getting this running ...
>
> --Hannes
>
>
> On 4/18/11, Lorenzo Schiavina <[hidden email]> wrote:
>> Hi,
>>
>> I would like to insert into a tab page of uilayout in jquery-widgets a
>> draw
>> from SVG examples.
>>
>> Can anybody help me?
>>
>> Many thanks
>>
>> Lorenzo
>>
>>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside