This is a migrated thread and some comments may be shown as answers.

Sticky footers and RadComboBoxes

2 Answers 56 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Patrick
Top achievements
Rank 1
Patrick asked on 10 Dec 2014, 04:55 PM
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 Answers, 1 is accepted

Sort by
0
Patrick
Top achievements
Rank 1
answered on 12 Dec 2014, 07:59 PM
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.
0
Ivan Zhekov
Telerik team
answered on 13 Dec 2014, 08:25 AM
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.

 
Tags
ComboBox
Asked by
Patrick
Top achievements
Rank 1
Answers by
Patrick
Top achievements
Rank 1
Ivan Zhekov
Telerik team
Share this question
or