How to use tooltip with RadDatePicker

4 posts, 1 answers
  1. Ed Staffin
    Ed Staffin avatar
    66 posts
    Member since:
    Nov 2008

    Posted 31 Oct 2010 Link to this post


    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>
  2. Ed Staffin
    Ed Staffin avatar
    66 posts
    Member since:
    Nov 2008

    Posted 01 Nov 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 03 Nov 2010 Link to this post

    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
  5. Ed Staffin
    Ed Staffin avatar
    66 posts
    Member since:
    Nov 2008

    Posted 03 Nov 2010 Link to this post

    Awsome that did it!
    Thanks ... Ed
Back to Top