Telerik UI for ASP。NET MVC StackLayout概述
加载演示……
- 例子
- 查看源代码
- 改变主题
默认的默认主题
- 主要
- 主要的黑暗
- 北欧
- 海洋蓝色
- 海洋蓝A11Y
- 紫色的
- 绿松石
引导主题- 主要
- 引导3
- Bootstrap 3 Dark
- 主要的黑暗
- 北欧
- 绿松石
- 蓝绿色的黑暗
- 城市
- 古董
材料的主题- 主要
- 北极
- 酸橙黑
- 主要的黑暗
- 新星
经典主题- 主要
- 绿色
- 绿黑
- 薰衣草
- 薰衣草黑暗
- 主要的黑暗
- 地铁
- 地铁黑暗
- 月光
- 蛋白石
- 蛋白石黑暗
- 银
- 银黑
- 统一的
流利的主题- 主要
index.cshtml
IndexController.cs
还适用于:
客户端API 服务器端API的StackLayout组件Telerik UI for ASP。NET MVC,一个专业级的UI库,拥有110多个组件,用于构建现代和功能丰富的应用程序。想要试用它,可以注册一个30天的免费试用期。
描述
的Telerik UI for ASP。NET MVC StackLayout在堆栈中水平或垂直地排列其内部元素。嵌套堆栈布局可以帮助您将更复杂的信息结构转换为易于导航的布局。
StackLayout的名称来源于这种类型的布局在移动或WPF应用程序中的使用方式,该组件旨在简化创建这样一个您在移动体验中熟悉的布局类型。
您可以定制Blazor StackLayout组件,通过自定义其宽度和高度,改变样式,增加内部元素之间的间距或改变方向从垂直到水平,反之亦然,以完美对齐您的项目。方向选项提供了将内部项目向左、向右、居中对齐或拉伸的机会。
虽然命名和代码使用类似于本地应用程序,但StackLayout是一个纯粹的web组件,它利用HTML和现代CSS规则在web浏览器中实现这种布局。
虽然通常用于对齐同一模式中的几个元素(在一行或列中),但您也可以使用Telerik UI用于ASP。通过使用适当的设置嵌套多个组件实例来定义更复杂的布局。因此,只需几行代码,就可以创建常见的布局,如页眉、页脚和内容行,并将内容分成几列,所有这些都不需要直接使用HTML和CSS。
额外的应用程序
这个StackLayout示例是数百个ASP. layout示例的独特集合的一部分。NET MVC演示,其中您可以看到所有Telerik ASP。NET MVCcomponents以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观ThemeBuilder.