ASP。NET Core ResponsivePanel概述

ResponsivePanel是Telerik UI for ASP。网络核心，一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

Telerik UI响应面板TagHelper和HtmlHelper。网络核心are server-side wrappers for the Kendo UI Responsive Panel widget.

响应面板允许您在小屏幕上隐藏部分页面内容。时，组件折叠内容元素断点是达到了。属性的按钮展开折叠的内容k-rpanel-toggle类。要设置可展开内容的位置，请使用取向选择。

• 响应面板HtmlHelper的演示页面

• 响应面板TagHelper的演示页面

初始化响应面板

下面的示例演示如何定义响应面板。

@(Html.Kendo().ResponsivePanel() .Name("sidebar") .Breakpoint(1000) .Content("
宽度小于1000px
"))

 
如果宽度小于1000px，该内容将崩溃
 

基本配置

下面的示例演示了响应式面板的基本配置。

 < button class="k-rpanel-toggle"> 
  @(Html.Kendo(). responsivepanel (). name ("sidebar") . breakpoint (1000) . orientation (ResponsivePanelOrientation.Left) . content ("
 
 > 
 profile 
 
 
" + "< /div> 
Lynda Schleifer
 
销售助理
 
 
 
 
队友
" + "
 
   
Nancy Leverling
 
销售助理
" + " 
  
 
业务系统分析师
 
 
"))

 < button class="k-rpanel-toggle"> 
   
 
 profile 
 
 
 
Lynda Schleifer
 
销售助理
 
 
队友
 
 
< img src="//www.aliitrade.com/docs/aspnet-core/helpers/html-helpers/@Url.Content("~/content/web/panelbar/ Andrew Fuller 
团队领导
 
 
 
 
销售助理
 
 
  
Robert King
 
业务系统分析师
 
 
 
 

Telerik UI ResponsivePanel接受传入的任何HTML内容选择。对于更高级的场景，传递您选择的自定义HTML。

另请参阅

• ResponsivePanel客户端API

• 响应窗格HtmlHelper的基本用法。NET Core Demol

• 响应面板TagHelper的基本用法。NET核心演示