Edit PopUp Scrolling issue

[John John]

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

[Radoslav]

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.

[Vinod]

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

Thanks,
Vinod

[Maria Ilieva]

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

[Vinod]

Thanks Maria.

[Neo]

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

[Maria Ilieva]

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

[Neo]

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

[Eyup]

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