Block all content with a Window

Scroll the page down and show a window, then maximize it. It can have a different result and behavior with relation to the scrolling behavior and what you see depending on how the project layout is configured to scroll.

Solution

You need to ensure that the scrollbars in the project appear where you want them to get the desired behavior. For example, if you want all the content blocked by a maximized window, you need to make sure the app content matches the viewport (like the window does) and that scrollbars appear in an element inside that layout, rather than on the html element.

You can find an example of the difference and some sample CSS rules for a basic layout in the following project: https://github.com/telerik/blazor-ui/tree/master/window/block-all-content

In this article

Not finding the help you need?

Contact Support

Improve this article

Getting Started

Community

Support Resources

Sample Applications

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.

DO NOT SELL MY PERSONAL INFORMATION