RadDatePicker Issues

[Susan]

I am having a number of issues with the RadDatePicker. I have reviewed all the posts i can find, but still cannot get it to work how i need it to.
1. when tabbing, i don't want focus to go to the 'calendar' icon
2. i am using tooltips and cannot get them to work on the raddatepicker
3. i am using onfocus, onblur and cannot get this to work on raddatepicker

here is my code:

<script type="text/javascript">

function Hilite(me, focus)

{

me.style.backgroundColor =

false != focus ? "#ffffcc" : "white";

}

</script>

<style type="text/css">

.ToolTipContent

{

color:black;

}

</style>

<tr>

<td class="Normal" style="padding-left:15px">Registration Start Date<font color="red">*</font></td>

<td>

<telerik:RadDatePicker ID="txtRegistrationStart" Skin="Web20" runat="server" TabIndex="6" ToolTip="Enter the date your online registrations will end.">

<DateInput ID="DateInput1" runat="server" ClientEvents-OnBlur="Hilite(this,false)" ClientEvents-OnFocus="Hilite(this)" /></telerik:RadDatePicker>

<asp:requiredfieldvalidator cssclass="Normal" controltovalidate="txtRegistrationStart" errormessage="Required." display="dynamic" runat="server" ID="Requiredfieldvalidator2"/></td></tr>

 

<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1"

 

ShowEvent="OnFocus"

 

Skin="WebBlue"

 

ShowDelay="0"

 

AutoCloseDelay="5000"

Width="250px"

 

Position="MiddleRight"

 

RelativeTo="Element">

<TargetControls>

 

<telerik:ToolTipTargetControl TargetControlID="cmbSport"/>

 

<telerik:ToolTipTargetControl TargetControlID="txtSeasonName"/>

 

<telerik:ToolTipTargetControl TargetControlID="txtRegistrationStart"/>

 

<telerik:ToolTipTargetControl TargetControlID="txtRegistrationEnd"/>

 

<telerik:ToolTipTargetControl TargetControlID="txtCoachAppStart"/>

<telerik:ToolTipTargetControl TargetControlID="txtCoachAppEnd"/>

<telerik:ToolTipTargetControl TargetControlID="txtAgeAsOf"/>

</TargetControls>

</telerik:RadToolTipManager>

Thanks so much!
Susan

[Iana Tsolova]

Hi Susan,

To prevent the calendar popup of RadDatePicker from being tabbed , try setting the TabIndex of the PopupButton to -1:

<telerik:RadDatePicker ID="txtRegistrationStart" Skin="Web20" runat="server" TabIndex="6"
    ToolTip="Enter the date your online registrations will end.">
    ...
    <DatePopupButton TabIndex="-1" />
</telerik:RadDatePicker>

Find more information about the OnFocus and OnBlur client-side events of RadInput in the following online resources:
http://www.telerik.com/help/aspnet-ajax/input_clientsideonfocus.html
http://www.telerik.com/help/aspnet-ajax/input_clientsideonblur.html

Let us know if you need further directions/assistance.

Best regards,
Iana
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center