How can I override Role attribute in controls

[Rajendar]

Hi Every,

How can I override ' Role ' attribute in Kendo UI controls:

<%= Html.Kendo().Button()
    .Name("iconTextButton")       
    .Tag("a")
    .SpriteCssClass("k-icon k-i-ungroup")
     .HtmlAttributes(new {@Role="buttonwww"})
    .Content("Icon and text")%>

In the above role attribute is not override.

Regards,
Rajendar.

[Dimiter Madjarov]

Hi Rajendar,


In order to set data attributes via HtmlAttributes method, you should use an underscore instead.
E.g.

.HtmlAttributes(new { data_role = "foo" })

Regards,
Dimiter Madjarov
Telerik

 

 

[Rajendar]

Hi Madjarov,

I tried this but it was not override default data role value why?

Regards,
Rajendar.

[Dimiter Madjarov]

Hello Rajendar,


The following code

Html.Kendo().Button()
    .Name("iconTextButton")
    .Tag("a")
    .SpriteCssClass("k-icon k-i-ungroup")
    .HtmlAttributes(new { data_role = "foo" })
    .Content("Icon and text")

is overriding the default data-role attribute on my side.

Is this not the behavior on your end?

Regards,
Dimiter Madjarov
Telerik