UI for Blazor
Blazor MediaQuery
- The Blazor MediaQuery component lets you detect the initial values and track changes of device characteristics.
- Part of the Telerik UI for Blazor library along with 100+ professionally-designed UI components.
- Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
-
Display Content on Screen with Blazor MediaQuery
The MediaQuery component is not a typical control that displays content on screen. Its goal is to detect the initial values and track changes of device characteristics to easily build responsive components and layout. For example, you might want to hide a specific Grid column if the screen’s width gets too small. Or change the menu to one saving screen real estate if the device is in portrait mode.
Check out the Blazor MediaQuery demo -
Responsiveness and Adaptive Blazor Layout
Using the Blazor MediaQuery, you can change the component settings, render different components or prevent components from rendering at all depending on the browser viewport size. This allows you to make your Blazor application design much more adaptive and responsive.
To showcase the power of the Blazor MediaQuery component, we have built several demos to demonstrate how you can easily make Blazor components and apps responsive to different screen sizes:
-
Right-to-Left (RTL) Support
The Telerik UI for Blazor Media Query component supports right-to-left configuration. The RTL functionality is supported by most of our components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.
Learn more in our Blazor Right-to-Left Support documentation
