Edit PopUp Scrolling issue

9 posts, 0 answers
  1. John John
    John John avatar
    132 posts
    Member since:
    Aug 2009

    Posted 16 Mar 2010 Link to this post

    Dear Telerik,
           I am having radgrid, which has the feature of StaticHeader and scrolling. When i click the edit button the Edit PopUp window shows.
    My issue is when i try to scroll up and down the controls inside the EditPop window the grid contents also scrolls as the default static header scrolling scrolls.
    Is there any way to control the scrolling of background grid when i scroll the EditPopup window

    -Thanks
  3. Radoslav
    Admin
    Radoslav avatar
    1566 posts

    Posted 19 Mar 2010 Link to this post

    Hi John,

    When you have a RadGrid with PopUp Edit Form, the popup window is a part of the RadGrid DOM tree. However, when two elements are placed in each other and they have scrollbars, the default behavior of the Internet Explorer is to scroll the inner element and then scroll outer element so you cannot prevent it.

    Greetings,
    Radoslav
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  5. Vinod
    Vinod avatar
    2 posts
    Member since:
    Mar 2012

    Posted 30 Jul 2013 Link to this post

    Hi John,
    Can u please tell me How to implement Scroll bar in EditPop Window?

    Thanks,
    Vinod
  7. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 02 Aug 2013 Link to this post

    Hi Vinod,

    The Popup EditForm settings are controlled through the PopUpSettings property of the GridEditFormSettingsobject. It exposes a "ScrollBars" property which defines whether and which scrollbars should appear in the edit form. This setting is with higher priority, so if Height is set but the vertical scrollbar is not shown and the content requires more room, the popup will be resized to accommodate the entire content. The default value is None.

    Regards,
    Maria Ilieva
    Telerik
    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 the blog feed now.
  9. Vinod
    Vinod avatar
    2 posts
    Member since:
    Mar 2012

    Posted 02 Aug 2013 Link to this post

    Thanks Maria.

  11. Neo
    Neo avatar
    5 posts
    Member since:
    Sep 2015

    Posted 20 Jun 2016 Link to this post

    Hi Maria,

    I want to display scrollbars for Edit Forms. Can you please let me know the values for "ScrollBars" property other than None.

    Please note I want to display both (Vertical and Horizontal) scrollbars.

    Regards,

    Neo Dev

  13. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 22 Jun 2016 Link to this post

    Hi Neo,

    To show both horizontal and vertical scroll bars use the "both" enumeration like that:
    <telerik:RadGrid runat="server" MasterTableView-EditFormSettings-PopUpSettings-ScrollBars="Both">
             
        </telerik:RadGrid>


    Regards,
    Maria Ilieva
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  15. Neo
    Neo avatar
    5 posts
    Member since:
    Sep 2015

    Posted 23 Jun 2016 in reply to Maria Ilieva Link to this post

    Thanks Maria for the response.

    This is working fine on desktop. But, when I try to open this on mobile scrollbar for Edit Form doesn't appear.

    Do I need to set any other properties for that?

    Can you please let me know the solution for the same.

     

    Thanks and Regards,

    Neo Dev

  17. Eyup
    Admin
    Eyup avatar
    4010 posts

    Posted 28 Jun 2016 Link to this post

    Hello Neo,

    You can try to use CSS to achieve this requirement:

    <style>
        div.RadGrid div.rgEditForm.rgEditPopup > div:nth-child(2) {
            overflow: scroll;
        }
    </style>

    I hope this will prove helpful.

    Regards,
    Eyup
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top