radDatePiker and 508

[blessed]

Hi

Our website is using Telerik RadDatePicker control. As I am waving the page using chrome wave, it appears that telerik generates a table tag along with the thead tag, but with empty th.

Refer to the example below:

<table id="">

 <caption style="display:none"> RadDatePiker</caption>

<thead><tr><th scope="col"></th></tr></thead>

<tbody>.....</tbody>

</table>

Issue:

<th scope="col"></th>  is empty. It should be <th scope="col">TEST INSIDE</th>

Question:

I tried using jquery to access the th tag and insert the test inside the th tag, but jquery does not seem to access the element.

I would like to either

1- have telerik not generate the thead tag

2- or use jquery

3- javascript to access the th tag in order to insert a text

 

Kindly advise

 

 

[Eyup]

Hi Blessed,

You can resolve this issue using the following approach:

<telerik:RadDatePicker ID="RadDatePicker1" runat="server" RenderMode="Lightweight">
    <Calendar runat="server">
        <ClientEvents OnLoad="calendarLoad" />
    </Calendar>

JavaScript:

function calendarLoad(sender, args) {
    $(sender.get_element()).find("th.rcViewSel").text("#");
}

I hope this will prove helpful.

Regards,
Eyup
Progress Telerik