Calendar picker with ComboBox

6 posts, 0 answers
  1. Ron Boehm
    Ron Boehm avatar
    20 posts
    Member since:
    Dec 2009

    Posted 15 Jul 2010 Link to this post

    I want have a combobox that allows free text and a date picker icon only (no extra text box)

    I can populate the combobox myself if I get a postback with the date selection.
    Can I make the text box in a datepipcker hidden?
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Jul 2010 Link to this post

    Hello Ron,


    Have you tried RadCalendar with separate image for pop-up, instead of RadDatePicker?

    You can find some similar approach described here.

    -Shinu.
  3. Ron Boehm
    Ron Boehm avatar
    20 posts
    Member since:
    Dec 2009

    Posted 16 Jul 2010 Link to this post

    Sorry, I accidentily replied to the old thread

    I am able to remove the textbox and connect the calendar to the combobox.

    The problems are:
        The calendar icon is in a dev and puts extra space around it in the GUI.
        On startup, the calendar flashes on and then off and the space it took up is not removed,
            so there is a big whole in my GUI.

  4. Ron Boehm
    Ron Boehm avatar
    20 posts
    Member since:
    Dec 2009

    Posted 19 Jul 2010 Link to this post

    Any ETA on this?  I need a solution today...

    Any help will be appreciated...
  5. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2289 posts

    Posted 22 Jul 2010 Link to this post

    Hello Ron,

    You can toggle display property instead of setting control invisible initially:

    <table>
            <tr>
                <td>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>       
                </td>
                <td>
                    <img src="Calendar.png" alt="Alternate Text" onclick="openPopup();"/>
                </td>
            </tr>
        </table>
        <telerik:RadCalendar ID="RadCalendar1" runat="server" style="display:none">
            <ClientEvents OnDateSelected="OnDateSelected" />
        </telerik:RadCalendar>

    <script type="text/javascript">            
                function OnDateSelected(sender, args)
                {
                    var dt = new Date();
                    //args.get_renderDay().get_date()
                }
                function openPopup()
                {
                    var calendar = $find('<%= RadCalendar1.ClientID %>');
                    calendar.get_element().style.display = "";
                    // Read the textbox value and set the Date of Calendar               
                }
    </script>


    Greetings,
    Nikolay
    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
  6. Ron Boehm
    Ron Boehm avatar
    20 posts
    Member since:
    Dec 2009

    Posted 22 Jul 2010 Link to this post

    Thanks, this seems to work.

    Unfortunately, in the week it took to answer this question, I have already implimented a competitors control that provided a PopupCalendar out of the box.  In a fast paced world, a week is a long time...
Back to Top