Am I crazy, or did a BUNCH of stuff stop rendering the HTML inside of passed strings?

[Josh]

(edit: I didn't initially realize this was being posted in the UI for jQuery forum and have since duplicated in the .net core forum - feel free to remove this one if deemed inappropriate for this forum)

I'm just starting to catalog the issues list, but I'm immediately noticing that any markup passed to non-template areas has ceased rendering.

For example:

<div class="demo-section">
    @(Html.Kendo().Switch()
                .Name("switch")
                .Messages(c => c.Checked("<span>YES</span>").Unchecked("<span>NO</span>"))
    )
</div>

used to render the markup vs displaying the markup text. Now it spits it out.

I have used similar techniques in Grid commands as well, which are all also broken. Basic custom commands I can work around by using the .Template option instead of .Text, but for an Edit's UpdateText and CancelText, I cannot find a workaround that isn't completely unbearable to manage at anything remotely near scale.

Is there a workaround or option to re-enable rendering HTML in these places I am simply not seeing? 

Also, this feels like a pretty significant change to bury inside of a generic "rendering mismatch" (which may not even be referring to this, but I cannot find anything in the breaking changes mentioning something like this change). If there's not an effective way to get back to this functionality, it's going to potentially cost me days/weeks to find a tenable solution.

[Josh]

Re: Switch use of html inside messages - it's gone

Re: Grid use for the edit command's save/cancel options - I was able to leverage the icon classes to achieve an acceptable solution for my needs, which is applicable to both my .net core uses as well as my dynamically created jquery use cases.

[Mihaela]

Hello Josh,

Thank you for reaching out.

Generally, the Messages() configurations of the Switch component, as well as for all other components, expect a string that is used for localizing the respectful label, attribute, etc. This should be plain text rather than HTML. Those message options are normally encoded and in this particular case we have identified a location where we have missed encoding the passed value, thus the change (it is introduced in version 2024.3.806).

Having this in mind, you can still customize the checked/unchecked messages with CSS, as per the example below:

<div class="demo-section">
    @(Html.Kendo().Switch()
                .Name("switch")
                .Messages(c => c.Checked("YES").Unchecked("NO"))
    )
</div>

<style>
.k-switch .k-switch-label-off {
    color: red;
}

.k-switch .k-switch-label-on {
    color: black;
}
</style>

Regarding the Grid, please share more details in what must be the label of the "Update" button, and I will share the respective suggestion.

Regards,
Mihaela
Progress Telerik

[Josh]

Thanks Mihaela - I was able to find a workable solution for my grid needs (I outlined on my .net core version of this post and I believe you just commented on as well) and just will accept the limitations of the Switch as text (and style) only. I was hoping to continue using 3rd party iconography in the switch messages, but it is not a deal-breaker.

[Mihaela]

Thank you for your update, Josh.

If any additional questions arise, don't hesitate to share them. I would be happy to help you.

Best,
Mihaela