DateTimePicker in RibbonBar not working

2 posts, 0 answers
  1. R
    R avatar
    1 posts
    Member since:
    Dec 2012

    Posted 11 Dec 2012 Link to this post


    I am currently evaluating the RadRibbon control.
    I put a RadDateTimePicker onto a RibbonBar using RibbonBarTemplateItem like this:

    <telerik:RibbonBarTab runat="server" ID="tab1" Text="Date">
        <telerik:RibbonBarGroup runat="server" ID="group1" Text="Date" >
                    <telerik:RadDateTimePicker runat="server" ID="dtpDateFrom" />

    The DateTimePicker control gets rendered, but I can't click the textbox or the buttons for choosing the date or the time.

    When I put the RadDateTimePicker outside the Ribbon it works fine.

    Do you have any advice?

    Thank you,

    EDIT: This seems to be a problem with Firefox (I am using FF 17.0.1). It works in IE 7.
  2. Bozhidar
    Bozhidar avatar
    1096 posts

    Posted 13 Dec 2012 Link to this post


    This appears to be a bug that's caused by the combination of styles of the RibbonBar and the DateTimePicker, and is only reproduced in Mozilla Firefox. I've logged the bug for fixing and it should be fixed in the next official release (Q1 2013). 

    In the meantime, you can use the following style as a workaround:
    .RadRibbonBar .RadPicker:after {
        display: none;

    All the best,
    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. DevCraft R3 2016 release webinar banner
Back to Top