Grid modal popup stuck inside radpanelitem

8 posts, 0 answers
  1. Greg
    Greg avatar
    5 posts
    Member since:
    Aug 2011

    Posted 18 Apr 2013 Link to this post

    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. 
  2. Greg
    Greg avatar
    5 posts
    Member since:
    Aug 2011

    Posted 18 Apr 2013 Link to this post

    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...

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Greg
    Greg avatar
    5 posts
    Member since:
    Aug 2011

    Posted 18 Apr 2013 Link to this post

    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;
            }

     

     

  5. Sasa
    Sasa avatar
    25 posts
    Member since:
    Jul 2013

    Posted 06 Sep 2013 Link to this post

    I have the same problem, mentioned solutions doesn't work.

    Any other?

    Thanks
  6. Greg
    Greg avatar
    5 posts
    Member since:
    Aug 2011

    Posted 06 Sep 2013 Link to this post

    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.
  7. Greg
    Greg avatar
    5 posts
    Member since:
    Aug 2011

    Posted 06 Sep 2013 Link to this post

    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.

     

     

  8. Sasa
    Sasa avatar
    25 posts
    Member since:
    Jul 2013

    Posted 06 Sep 2013 Link to this post

    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.
  9. Sasa
    Sasa avatar
    25 posts
    Member since:
    Jul 2013

    Posted 09 Sep 2013 Link to this post

    Solved!
    Solution is here.

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


Back to Top
UI for ASP.NET Ajax is Ready for VS 2017