Hello Holger, >> I'd like to read more about how SVG is intended to be used in UISPIN. Can it >> only be used to generate standalone SVG-Files? Or can it be used inline >> HTML5 or XHTML documents? Are there examples on the web? I could only find >> >> http://uispin.org/ui.html#svg >> >> <svg:g> >> <svg:ellipse cx="100" cy="48" rx="60" ry="26" >> fill="yellow" stroke="black"/> >> <svg:text x="70" y="50">{= ui:label(?this) }</svg:text> >> </svg:g> >> >> >> and is expected to generate: >> >> <svg:svg >> xmlns:svg="http://www.w3.org/2000/svg"; >> xmlns:xlink="http://www.w3.org/1999/xlink";> >> <svg:g> >> <svg:ellipse cx="100" cy="48" rx="60" ry="26" >> fill="yellow" stroke="black"/> >> <svg:text x="70" y="50">Statement</svg:text> >> </svg:g> >> </svg:svg> >> >> >> Here, however, only the standalone usage is described. The example works, >> but only if you change the SVG constructs to start with uppercase and add >> css: or svg: prefixes also for the attributes, resulting in: >> >> <svg:G> >> <svg:Ellipse svg:cx="100" svg:cy="48" svg:rx="60" svg:ry="26" >> css:fill="yellow" css:stroke="black"/> >> <svg:Text svg:x="70" svg:y="50">{= ui:label(?this) }</svg:Text> >> </svg:G> >> >> which generates (almost) the same as above. You may also want to update the >> documentation here, since IE9 now has some SVG support (also inline). > > Yes thanks, I just updated the documentation for both issues. I am glad to > hear IE 9 now supports SVG better. Things seem to be finally moving in the > right direction with web standards. > >> >> In order to generate a combined html/svg page using inline-SVG I tried: >> >> >> <div> >> <svg:G> >> <svg:Ellipse css:fill="yellow" css:stroke="black" svg:cx="100" >> svg:cy="48" svg:rx="60" svg:ry="26"/> >> <svg:Text svg:x="70" svg:y="50">{= ui:label(?this) }</svg:Text> >> </svg:G> >> </div> >> >> But already the editor does not allow me to use the SVG tag, so I guess this >> is not foreseen at the moment? I think this would be a great feature. > > Yeah inline SVG hasn't been tested yet and was not a priority so far. It > sounds like a very useful thing for sure. > > >> The following two versions of inline-html worked for me both within the >> eclipse-browser view which seems to use IE9 and also in Firefox: >> >> >> ####### XHTML ###### >> >> <?xml version="1.0" encoding="UTF-8"?> >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >> >> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> >> >> <html xmlns="http://www.w3.org/1999/xhtml";> >> >> <head> >> <link href="css/TopBraid/UISPIN/tui.css" rel="stylesheet" >> type="text/css"/> >> <link href="css/TopBraid/SPIN/spin.ui.css" rel="stylesheet" >> type="text/css"/> >> <link href="css/evn.topbraidlive.org/uispin/teamwork.ui.css" >> rel="stylesheet" type="text/css"/> >> </head> >> <body> >> <div> >> <svg version="1.1" >> xmlns="http://www.w3.org/2000/svg";> >> <g> >> <ellipse cx="100" cy="48" fill="yellow" rx="60" ry="26" >> stroke="black"></ellipse> >> <text x="70" y="50">UISPIN-SVG-XHTML-INLINE</text> >> </g></svg> >> </div> >> </body> >> </html> >> >> >> ####### HTML5 ###### >> >> >> <!DOCTYPE html> >> <html> >> <head> >> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> >> <meta http-equiv="X-UA-Compatible" content="IE=9"/> >> <link href="css/TopBraid/SPIN/spin.ui.css" rel="stylesheet" >> type="text/css"> >> <link href="css/TopBraid/UISPIN/tui.css" rel="stylesheet" >> type="text/css"> >> <link href="css/evn.topbraidlive.org/uispin/teamwork.ui.css" >> rel="stylesheet" type="text/css"> >> </head> >> <body> >> <div><svg> >> <g> >> <ellipse cx="100" cy="48" fill="yellow" rx="60" ry="26" >> stroke="black"></ellipse> >> <text x="70" y="50">UISPIN-SVG-HTML5-INLINE</text> >> </g></svg> >> </div> >> </body> >> </html> > > I have taken these are starting points, and turned them into a stand-alone > .swp file. This works. Please place the attached file into a top-level > project of your TBC 3.5.1 workspace and restart TBC. Then go to > http://localhost:8083/tbl/inlineSVG.swp which works fine for me.
thank you for the quick solution. I only tried to generate the inline-SVG in the "browser"-tab so far and didn't try stand-alone SWP. But this is a good solution for the first! Still it would be great to allow it in the browser-tab, too. For me, to make the swp show up correctly, not only in the external browser (IE9) but also in Eclipse's internal browser (which should be IE9 also), I had to put the line >> <meta http-equiv="X-UA-Compatible" content="IE=9"> into the header. Otherwise IE9 seems to go into compatibility mode and seems to "forget" that it can do HTML5. No idea, what is the use of this! Cheers, Jan -- Dipl. Medien-Inf. Jan Polowinski Research Assistant Technische Universität Dresden Department of Computer Science Software- and Multimedia-Technology 01062 Dresden Phone: +49 351 463 38608 Mobil: +49 176 80158257 E-Mail: [email protected] -- You received this message because you are subscribed to the Google Group "TopBraid Suite Users", the topics of which include TopBraid Composer, TopBraid Live, TopBraid Ensemble, SPARQLMotion and SPIN. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/topbraid-users?hl=en
