Date Column filter display

[Mike]

I'm seeking advice about my filter item for a date column of my radgrid.

The default display positions the datepicker box on the left, the calendar icon in the center and the filter menu icon on the right.

I would like to display the filter menu icon on the left followed by the datepicker's textbox.  I'd like the calendar icon to not show at all and for the calendar pop-up to be triggered by a mouse-click in the datepicker's textbox (something I know I can achieve in a plain datepicker, but have not been able to control when it is part of an automatically-generated column filter)

Is there a straightforward way to achive this display preference?  I've made some columns with FilterTemplates before, but I've not been able to include the filter icon and menu with them.

Please advise.  Thanks


Mike

[Venelin]

Hello Mike,

Could you please take a look at the attached test page and see if this is your requirement? It basically consists in retrieving the picker's table and set the dir property to rtl and to normalize things back it sets the dir to ltr to the text box in the picker:

JavaScript:

function onGridCreated(sender, eventArgs){
    $telerik.$(".rcTable").attr("dir", "rtl");
    $telerik.$(".rcTable .riTextBox ").attr("dir", "ltr");
}

ASPX:

<ClientSettings>
    <ClientEvents OnGridCreated="onGridCreated" />
</ClientSettings>

You can use JavaScript to hide the desired icon too. Just retrieve the desired element and set .style.display = "none" to it.

Regards,
Venelin
Telerik