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

Grid modal popup stuck inside radpanelitem

7 Answers 67 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Greg
Top achievements
Rank 1
Greg asked on 18 Apr 2013, 04:51 PM
I have a radgrid that has been performing perfectly until i upgraded to 2013.1.417.40 yesterday. 

My grid is inside a radpanelitem.  The edit form is set to be a modal popup and worked as expected prior to the recent upgrade.  Now, the popup is restricted to the radpanelitem and barely visible depending on the size of the radpanelitem.

If the edit form popup is visible, i can grab it and move it, but only within the confines of the radpanelitem container.  It should pop over the entire window (as it used to.)  I have other grids that are not contained in the radpanelitem and those pop properly.  

Anyone encounter this or have a solution?  I have tried messing with z-index settings but that isn't getting me anywhere. 

7 Answers, 1 is accepted

Sort by
0
Greg
Top achievements
Rank 1
answered on 18 Apr 2013, 07:42 PM
I notice that when i alter the RadPanelBar property "EnableEmbeddedBaseStyleSheet" and set it to false, the grid's modal popup edit template pops like it should (modal over the entire window).

But, then the tab panel items loose their styling that come with the skin...

0
Greg
Top achievements
Rank 1
answered on 18 Apr 2013, 09:30 PM
Found the answer... after almost a whole day of lost work...

I had to override the following style.  I don't know when exactly in the Telerik updates it got changed, but caused me a substantial amount of grief.  I guess i know how to debug css styles now...
.RadPanelBar .rpSlide
        {
            position: static !important;
        }

 

 

0
Sasa
Top achievements
Rank 1
answered on 06 Sep 2013, 05:01 PM
I have the same problem, mentioned solutions doesn't work.

Any other?

Thanks
0
Greg
Top achievements
Rank 1
answered on 06 Sep 2013, 05:16 PM
have you looked at the z-index of the divs and such being rendered to the browser?  I don't recall this being related to my issue, but ...

also, use the browser debug tools to examine the styles actually being applied to the control when it is rendered.  (developer tools in IE, firebug in firefox etc.)

This bug could also be related to the particular skin i was using.   Maybe try a different skin to see if it behaves differently.
0
Greg
Top achievements
Rank 1
answered on 06 Sep 2013, 05:25 PM
I don't know if this makes a difference either but i am using master pages and included the css style in the "child" page.

 

 

0
Sasa
Top achievements
Rank 1
answered on 06 Sep 2013, 06:12 PM
Firebug became my main tool for telerik styles... I was putting z-index: 0 !important on every div related to panel bar and nothing happened.

Thanks for the response, I'll keep trying.
0
Sasa
Top achievements
Rank 1
answered on 09 Sep 2013, 07:40 AM
Solved!
Solution is here.

.RadPanelBar,
.RadPanelBar .rpSlide,
.RadPanelBar .rpGroup,
.RadPanelBar .rpItem,
.RadPanelBar .rpTemplate {
     overflow: visible !important;
}


Tags
Grid
Asked by
Greg
Top achievements
Rank 1
Answers by
Greg
Top achievements
Rank 1
Sasa
Top achievements
Rank 1
Share this question
or