chart label rendering change in 14Q1

[NaveRonen]

in 13Q3, it was possible to write HTML/SVG into the field which holds the label and to yield

<text id="k10835" data-model-id="k10836" x="59" y="36" fill-opacity="1" style="font: 12px Arial,Helvetica,sans-serif; " fill="#232323">
<tspan class='seriesLabel' >the label</tspan>
</text>

i.e. wrap the content with a tspan and a class which can label be used for CSS selector

but now, it is rendered with a quotation mark:

<text id="k10835" data-model-id="k10836" x="59" y="36" fill-opacity="1" style="font: 12px Arial,Helvetica,sans-serif; " fill="#232323">
"<tspan class='seriesLabel' >the label</tspan>"
</text>

and the whole "<tspan...." text is shown

[T. Tsonev]

Hi,

We decided to encode the text content in order to produce valid markup for html entities such as "<". There are security (XSS) considerations as well.

What type of styling are you applying with the CSS class? Perhaps we can offer them as built-in options and make it compatible with VML/Canvas as well.

Regards,
T. Tsonev
Telerik

 

 

[NaveRonen]

I have used this ability in two ways,  
one which i've seen requested by others, is to change the cursor of specific labels to a pointer. the class allows for an easier css selector and can be applied to just the labels needed.

second usage, was to fix label cluter by setting different Y offset to alternating labels - see attached images of before/after


i don't see how the xss is relevant here as this is a code generated by me and not injected.  you may as well block grids from having a custom HTML cells, etc etc

is there any chance you can add a switch for this behavior in the upcoming bugfix version?

[T. Tsonev]

Hi,

Given that the issue that we resolved was relatively minor, I'm going to roll back this change in internal builds and for the service pack.
Templates can be overriden to use "#: ... #" syntax if encoding is desired. Also, calling kendo.htmlEncode will encode user-supplied strings.

Note that the user-supplied markup will produce unexpected results in old IE (VML) and on Android 2.x (Canvas).  See Notes on rendering for details.

Regards,
T. Tsonev
Telerik

 

 

[jim]

Hi

This tspan solution work fine in term of style, but I seem not be able get an
axisLabelClick event while clicking it.

Do I miss anything obvious?

Thanks

[T. Tsonev]

Hi,

We'll update the current code to handle this case.
An internal build with the fix will be available later today (v. 2014.2.731 and later).

Apologies for the caused inconvenience.

Regards,
T. Tsonev
Telerik