This is a migrated thread and some comments may be shown as answers.

How to use tooltip with RadDatePicker

3 Answers 144 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Ed Staffin
Top achievements
Rank 1
Ed Staffin asked on 31 Oct 2010, 05:32 PM

Hi,
I am trying to use a RadTooltip with a RadDatePicker as shown below.
However, the tooltop never seems to pop up. I use vitually teh same markup for the
tooltip on other controls on the page and it seems to work fine. Is there something special I
need to do with the RadDatePicker?
Thansk ... Ed

<
telerik:RadDatePicker ID="txtCompletionDate" runat="server" Skin="Windows7" 
    Calendar-Skin="Vista" DateInput-DisplayDateFormat="MM/dd/yyyy" 
    Culture="English (United States)" 
    Calendar-ShowOtherMonthsDays="False" Calendar-ShowRowHeaders="False" Width="110">
    <DateInput DisplayDateFormat="MM/dd/yyyy"  CausesValidation="True" 
        style="text-align:right" ButtonsPosition="Right" DateFormat="MM/dd/yyyy" Skin="Vista"
        >
    </DateInput>
    <Calendar Skin="Windows7" UseColumnHeadersAsSelectors="False" 
        UseRowHeadersAsSelectors="False" ViewSelectorText="x">
        <SpecialDays>  
            <telerik:RadCalendarDay Repeatable="Today">  
                <ItemStyle BackColor="#FFFFCC" />  
            </telerik:RadCalendarDay>  
        </SpecialDays>  
    </Calendar>
    <DatePopupButton HoverImageUrl="" ImageUrl="" />
</telerik:RadDatePicker>
<telerik:RadToolTip ID="RadToolTipCompletionDate" runat="server" TargetControlID="txtCompletionDate" 
    Title="Admin"
    Text="Actual date of delivery in production from IT & BI."
    Skin="Windows7" AutoCloseDelay="20000"
/>
<asp:CompareValidator ID="cvCompletionDate"
    runat="server" ErrorMessage="Must be a valid date" Type="Date" 
    SetFocusOnError="True" Operator="DataTypeCheck" 
    ControlToValidate="txtCompletionDate" Display="Dynamic">
</asp:CompareValidator>

3 Answers, 1 is accepted

Sort by
0
Ed Staffin
Top achievements
Rank 1
answered on 01 Nov 2010, 04:42 PM
I should also note that the link for how to do this on the tips and tricks page is broken. :-(
http://www.telerik.com/support/kb/article/b454K-hmm-b454T-cmc-b454c-cmc.aspx
Thanks ... Ed
0
Accepted
Svetlina Anati
Telerik team
answered on 03 Nov 2010, 05:51 PM
Hello Ed Staffin,

 The picker is a complex control which contains many HTML elements and the actual client ID of the input has the sufix "_dateInput_text" which you should append. This being said you should do the following:

aspx:

<telerik:RadToolTip ID="RadToolTipCompletionDate" runat="server" IsClientID="true"
       Title="Admin" Text="Actual date of delivery in production from IT & BI." Skin="Windows7"
       AutoCloseDelay="20000" />


code-behind:

protected void Page_Load(object sender, EventArgs e)
{
    RadToolTipCompletionDate.TargetControlID = txtCompletionDate.ClientID + "_dateInput_text";
}

Improving this behavior is logged in our TODO list but I cannot give you an exact time estimate when this will be done.

Greetings,
Svetlina
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Ed Staffin
Top achievements
Rank 1
answered on 03 Nov 2010, 06:20 PM
Awsome that did it!
Thanks ... Ed
Tags
ToolTip
Asked by
Ed Staffin
Top achievements
Rank 1
Answers by
Ed Staffin
Top achievements
Rank 1
Svetlina Anati
Telerik team
Share this question
or