Document Manager file options menu disappears when zooming out

1 Answer 3 Views
Editor
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Atul asked on 03 Nov 2025, 07:28 AM | edited on 03 Nov 2025, 07:33 AM
Hi, I am facing an issue where the Document Manager pop-up window that appears when attaching documents disappears from the right-hand file settings menu when zooming out of the page in any browser.

The issue is 
also reproducible here: Official RadEditor By Telerik

Please see the recording for more information:- https://jam.dev/c/de662891-5a44-4419-8738-616672fbb7f8

  Before:-

 


After:-


1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 03 Nov 2025, 10:58 AM

Hi Atul,

Thank you for reporting this behavior.

The Document Manager dialog layout can be affected when the browser zoom level is reduced. In this case, the file tree panel expands and pushes the preview/settings panel out of view. Since browser zoom changes the available rendering space, this scenario is not fully supported by the default dialog layout.

As a workaround, you can apply a small CSS override that limits the file tree panel width only when the dialog becomes narrow (such as during browser zoom). This keeps the preview panel visible while preserving the normal layout at standard zoom levels.

You can add the override via the DialogsCssFile property like this:

<telerik:RadEditor runat="server" ID="RadEditor2" Height="600px" DialogsCssFile="DialogCssFile.css" Skin="Metro">
    <DocumentManager ViewPaths="~/Docs" />
</telerik:RadEditor>

DialogCssFile.css

/* Apply only when the dialog gets small (like when user zooms out) */
@media (max-width: 1200px) {
    .redWrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

        /* Left file tree pane: limit growth, allow shrink but not collapse */
        .redWrapper .redFEWrapper {
            flex: 0 1 auto !important;
            max-width: 380px !important;
            min-width: 240px !important;
            overflow: hidden !important;
        }

        /* Right settings/preview pane */
        .redWrapper .redFBDialogContentContainer {
            flex: 1 1 auto !important;
            min-width: 280px !important;
        }
}

This ensures the dialog maintains its expected look during standard usage, and prevents the preview pane from disappearing when zoomed out.
Do not forget to clean the browser cache when testing the solution.

Regards,
Rumen
Progress Telerik

Your perspective matters! Join other professionals in the State of Designer-Developer Collaboration 2025: Workflows, Trends and AI survey to share how AI and new workflows are impacting collaboration, and be among the first to see the key findings.
Start the 2025 Survey
Tags
Editor
Asked by
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Rumen
Telerik team
Share this question
or