对《Blazor》的teleerik UI不熟悉?免费下载30天试用版

GridLayout -自适应

热门文章
  • Adaptive.razor
  • GridLayoutArticleHeader.razor
  • GridLayoutArticle.cs
加载演示源代码…请稍等。

描述

teleerik Blazor GridLayout可以和Telerik Blazor MediaQuery组件实现响应式和自适应布局。的Telerik Blazor MediaQuery控件中的Media属性中的配置将检测用户浏览器的视口的初始尺寸,并重新排列布局 标签。它还通过exposed通知您视图中的任何后续更改OnChange事件。

的布局Blazor GridLayoutUI组件可以动态调整。在宽度768 px在上面,网格布局项目分布在三列,宽度之间500 px768 px,项目分布为两列。下面500 px,所有项目都堆叠在一个列中。要查看实际的适应性,可以调整整个浏览器窗口的大小,或者打开浏览器的开发工具(按F12)并使用它来修改演示的可用宽度。

这个GridLayout Adaptive示例是数百个Blazor演示的独特集合的一部分,您可以看到所有这些演示Blazor组件的Telerik UI以及它们的功能。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观Blazor的teleerik REPLThemeBuilder

支持和学习资源

发生错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map