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 110+ 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
    Telerik UI for Blazor MediaQuery
  • 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 

    Blazor Form RTL Support

All Blazor Components

Next Steps