Thread: [Xsltforms-support] CSS style Output and SVG (IE 8, Firefox and Chrome)
Brought to you by:
alain-couthures
From: David F. <da...@so...> - 2011-03-03 22:17:47
|
I am trying to output an SVG image through xlstforms clientside (following the example of http://en.wikibooks.org/wiki/XForms/SVG). With Firefox 3.6 ,Firefox 4.0 and Chrome, nothing I do seems to affect the size of the output resulting in horizontal and vertical sliders being applied when actual image is larger than space assumed. A minimal test example is available here http://soundings01.appspot.com/xsltforms/xfsvg4.xml The default image size also varies depending on browser. Chrome shows a smaller portion of the image than Firefox (4 beta 12). Inspecting the element in Chrome shows span.xforms-value of 300x19. IE 8 appears to be constrained by the style width and height so that if the width/height are less than the image dimensions the top left corner of the image alone is visible with no sliders added (see http://soundings01.appspot.com/xsltforms/xfsvg5.xml) but if the image is smaller than the styling width height, the full image is seen. The rendering appears to be done by silverlight in this instance. I am looking for consistent behaviour and a better understanding of how to work around any differences. Any pointers? Thanks David |
From: Dan M. <dan...@gm...> - 2011-03-04 12:20:33
|
Hi David, I think this might be a mix of SVG and XForms questions. I am using the SVGWeb JavaScript library that gives me more consistent SVG rendering on most platforms. See: http://code.google.com/p/svgweb The User Manual here shows how to get consistent sizing behavior even on IE 6, 7 and 8 which is automatically converted to flash. I have had very good success using the JQuery slider control to create interactive SVG applications but unfortunatly I have had to use JavaScript to do this. I am hoping that eventually XSLTforms has range control support. I have a few demos here: http://demo.danmccreary.com/rest/db/dma/apps/svg/views/view-item.xq?id=2 - Dan On Thu, Mar 3, 2011 at 4:17 PM, David French <da...@so...> wrote: > > I am trying to output an SVG image through xlstforms clientside (following > the example of http://en.wikibooks.org/wiki/XForms/SVG). > > With Firefox 3.6 ,Firefox 4.0 and Chrome, nothing I do seems to affect the > size of the output resulting in horizontal and vertical sliders being > applied when actual image is larger than space assumed. A minimal test > example is available here > http://soundings01.appspot.com/xsltforms/xfsvg4.xml > The default image size also varies depending on browser. Chrome shows a > smaller portion of the image than Firefox (4 beta 12). Inspecting the > element in Chrome shows span.xforms-value of 300x19. > > IE 8 appears to be constrained by the style width and height so that if the > width/height are less than the image dimensions the top left corner of the > image alone is visible with no sliders added (see > http://soundings01.appspot.com/xsltforms/xfsvg5.xml) but if the image is > smaller than the styling width height, the full image is seen. The rendering > appears to be done by silverlight in this instance. > > I am looking for consistent behaviour and a better understanding of how to > work around any differences. Any pointers? > Thanks > David > > > ------------------------------------------------------------------------------ > What You Don't Know About Data Connectivity CAN Hurt You > This paper provides an overview of data connectivity, details > its effect on application quality, and explores various alternative > solutions. http://p.sf.net/sfu/progress-d2d > _______________________________________________ > Xsltforms-support mailing list > Xsl...@li... > https://lists.sourceforge.net/lists/listinfo/xsltforms-support > > -- Dan McCreary Semantic Solutions Architect office: (952) 931-9198 cell: (612) 986-1552 |
From: COUTHURES A. <ala...@ag...> - 2011-03-06 10:38:21
|
Hello David, Cross-browser SVG sizing is still not well supported in XSLTForms. I'm afraid it won't be a priority soon. SVG within XSLTForms has just been considered as a proof case for graphs generated from graph2svg.xsl at client-side http://www.svgopen.org/2010/papers/14-Dynamic_SVG_graphs_for_XForms/. About SVGWeb, I have to admit I was disappointed. With graphs again, the rendering wasn't as good as with native SVG, especially about dotted lines. The XML document has to be in the default namespace because prefix use is not supported, not even "svg:". I proposed my own patch for prefix support but it was rejected by the SVGWeb team http://code.google.com/p/svgweb/issues/detail?id=454 :-( Are you in a hurry about good SVG sizing support? Thanks! -Alain Le 03/03/2011 23:17, David French a écrit : > > I am trying to output an SVG image through xlstforms clientside > (following the example of http://en.wikibooks.org/wiki/XForms/SVG). > > With Firefox 3.6 ,Firefox 4.0 and Chrome, nothing I do seems to affect > the size of the output resulting in horizontal and vertical sliders > being applied when actual image is larger than space assumed. A > minimal test example is available here > http://soundings01.appspot.com/xsltforms/xfsvg4.xml > The default image size also varies depending on browser. Chrome shows > a smaller portion of the image than Firefox (4 beta 12). Inspecting > the element in Chrome shows span.xforms-value of 300x19. > > IE 8 appears to be constrained by the style width and height so that > if the width/height are less than the image dimensions the top left > corner of the image alone is visible with no sliders added (see > http://soundings01.appspot.com/xsltforms/xfsvg5.xml) but if the image > is smaller than the styling width height, the full image is seen. The > rendering appears to be done by silverlight in this instance. > > I am looking for consistent behaviour and a better understanding of > how to work around any differences. Any pointers? > Thanks > David > |