Date picker icon inconcistency

4 posts, 0 answers
  1. Jani
    Jani avatar
    61 posts
    Member since:
    Jan 2008

    Posted 24 Nov 2011 Link to this post

    Hi

    The RadScheduler control shows a small down-arrow to open the pate picker shows.
    The RadDatePicker (like in edit appointment) however shows the more understandable calendar icon.

    Is it possible to use/change the scheduler date picker to use the calendar icon?
    Is there any workaround  to do this for all themes?

    Cheers,
    Jani
  2. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 28 Nov 2011 Link to this post

    Hi Jani,

    The described scenario is not a supported feature of the RadScheduler and could not be easily achieved.
    However, changing  the image rendered on the page (currently showing as down arrow), using CSS, is pretty much easy.
    To achieve that, the following CSS class selector should be styled:
    div.RadScheduler_[Skin_Name] div.rsHeader a.rsDatePickerActivator
    {
        background-image: url("images/calendar.png");
        background-position: top left;
        background-repeat: no-repeat no-repeat;
    }

    I hope this helps.

    Regards,
    Ivana
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. Jani
    Jani avatar
    61 posts
    Member since:
    Jan 2008

    Posted 29 Nov 2011 Link to this post

    Hi Ivana,

    May thanks for your reply.

    This workaround is not really satisfactorily (topics like hover image, multiple themes...).
    I'm expecting that a such professional library ensures the UI consistency.

    Cheers,
    Jani
  4. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 01 Dec 2011 Link to this post

    Hi Jani,

    Thanks for getting back to us.

    For the workaround suggested you could style the different scenarios using CSS. For example, on mouse hovering and for the skins you are going to use for the RadScheduler controls on your page.

    Having a RadDatePicker control in the RadScheduler's header means that the date shown will be displaced and put to the left, and generally introduces a whole new design and functionality for the RadScheduler's header, and it is really not a change that could be made easily.

    Please feel free to contact us again. We will be glad to get back to you if you have any further question concerning our controls.

    All the best,
    Ivana
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top