SVG is not rendering with kendo templates in Firefox and IE

[Siva]

Hi All,

I want to build svg paths with kendo templates binding with MVVM view model. See this http://jsfiddle.net/qqzmZ/9/. I am also attaching following images which are rendered in chrome and firefox.

Known Issue:
In firefox, when we inspect svg element and edit that svg tag element
(right click and select "Edit Svg") then the svg is rendering.

But in IE 10, no path tags are found in svg tag.

Could you please give me the solution?

[T. Tsonev]

Hello,

Currently, the Kendo templates will be evaluated and appended to the DOM using innerHTML. This won't work reliably for SVG with the exception of Chrome which seems to handle it well.
Other browser require the elements to be created with the correct namespace. Since the template output is a string this typically involves a DOMParser.
The code works out to something like this:

var parser = new DOMParser();
var doc = parser.parseFromString(svgString, "text/xml");
var node = document.adoptNode(doc.documentElement);
// node can now be appended to the current document

The bad news is that there's currently no way to extend the template rendering to use this code.
Please, file a request over at our UserVoice portal for SVG support so other users can vote for it.

Apologies for the caused inconvenience.

Regards,
T. Tsonev
Telerik