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

    Hello,

    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" >
            <Items>
                <telerik:RibbonBarTemplateItem>                                                       
                    <telerik:RadDateTimePicker runat="server" ID="dtpDateFrom" />
                </telerik:RibbonBarTemplateItem>                       
            </Items>                                      
        </telerik:RibbonBarGroup>
    </telerik:RibbonBarTab>    
    ...

    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,
    Raik

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

    Posted 13 Dec 2012 Link to this post

    Hello,

    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,
    Bozhidar
    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. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top