[Solved] Adding a CSS class through InputHtmlAttributes

[Radoslav Semerdjiev]

Hi All,

I am using the MVC DatePicker control and I have an issue trying to add an additional CSS class using the InputHtmlAttributes method. Ultimately I'd like to be able to enable or disable all my input elements by filtering on those having being declared of this class. The problem is that the drop-down calendar is not being displayed any more. Here is my statement:

Html.Telerik().DatePicker()
              .Name("cutoffDate")
              .ShowButton(true)
              .Value(Model.ValuationDate)
              .InputHtmlAttributes(new { @class = "changeableInput" })

and here is how it is being rendered:

<div class="t-widget t-datepicker" id="cutoffDate"><input class="changeableInput" id="cutoffDate-input" name="cutoffDate" value="30/05/2010" /><a class="t-link t-icon t-icon-calendar" href="#" tabindex="-1" title="Open the calendar">select date</a></div>

This is how it was if I did not add my changeableInput custom class:

<div class="t-widget t-datepicker" id="cutoffDate"><input class="t-input" id="cutoffDate-input" name="cutoffDate" value="30/05/2010" /><a class="t-link t-icon t-icon-calendar" href="#" tabindex="-1" title="Open the calendar">select date</a></div>

Is there a workaround to this issue?

Many thanks,

Radoslav Semerdjiev

[Georgi Krustev]

Hello Radoslav,

 
This is a known issue which is already fixed. In order to avoid this erroneous behavior you should upgrade to 2010.3.1110 version (Q3 2010) of Telerik Components for ASP.NET MVC.

Kind regards,
Georgi Krustev
the Telerik team