Sticky footers and RadComboBoxes

3 posts, 0 answers
  1. Patrick
    Patrick avatar
    19 posts
    Member since:
    May 2012

    Posted 10 Dec 2014 Link to this post

    I've implemented a RadCombobox inside a sticky footer in a RadPageLayout.  The issue is that when one scrolls the main content, the dropdown also scrolls!  Now I resolved that matter this way:  

    .rcbScroll
    {
        position:fixed !important;
        width:410px !important;
        bottom:80px !important;
    }
    .rcbHeader
    {
        position:fixed !important;
        bottom:153px !important;
        width:410px !important;
    }
    .rcbWidth
    {
        background-color:White !important;
        width:425px !important;
    }

    And everything works great!  Except there's one issue... there's a RadGrid in the main section which has a row count / page combobox... and that too uses the RadComboBox, so it gets placed where the sticky footer's combo box goes!  Is there a way to resolve this issue?

    I'm hoping this is enough info, but I'll be happy to give more if required.  Many thanks for any assistance you might have.

  2. Patrick
    Patrick avatar
    19 posts
    Member since:
    May 2012

    Posted 12 Dec 2014 in reply to Patrick Link to this post

    I figured this out by myself... but for those who might run into the same issue, I did the following:

    I removed the CSS above and replaced it with this:

    .RadComboBoxDropDown_Default {
        position:fixed;
        top:auto !important;
        bottom:81px;
        left:630px !important;
    }

    Since the RadGrid comboboxes happened to have a class of RadComboBoxDropDown_WebBlue, I basically got away with a fast one.  :)  Dirty, but it works.  I also had to set a z-index on the footer's box so that remained totally visible but the box on the grids disappeared after entering the footer.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 13 Dec 2014 Link to this post

    Hello.

    Placing any type of content in a fixed container is tricky and you will most likely run into trouble. The workaround you have created is good, but do have in mind that it's a tailored solution to your specific case.

     One possible solution would be to close the combo on page scroll, or to be able to set the "positioning" container to something else. Of course the latter should with no hidden overflow, or the popup will be cut off.

    Regards,
    Ivan Zhekov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top