1. 程式人生 > >【DevExpress v17.2新功能預告】DevExpress ASP.NET Scheduler新的自適應功能

【DevExpress v17.2新功能預告】DevExpress ASP.NET Scheduler新的自適應功能

headers asp 空間 col 放置 如何 網站 image sources

自適應Web設計可以幫助您解決各種尺寸的屏幕問題,網站的自適應網頁設計可幫助您解決用戶使用不同大小屏幕顯示數據的問題。

在v17.2中,我們最大化了ASP.NET Scheduler的視圖和可視化元素,以適應其父容器的寬度。以下ASP.NET Scheduler元素現在支持自適應布局:

Agenda View

Agenda View現在完全自適應。以下的Agenda View元素將自動調整為當前客戶端寬度:

  • “Date Header” column
  • “Appointment Interval” column
  • “Main Appointment Content” column
  • “Resources” column

因此,您可以在不同屏幕尺寸上查看沒有橫向滾動的約會信息:

技術分享

Edit Appointment Form

Form Layout Control現在用作Edit Appointment Form編輯器的容器。這允許Scheduler根據可用的客戶端區域自動重新組織編輯預約表單內容:

技術分享

View Selector

Scheduler的View Selector面板還提供了一個slick功能,當沒有足夠的空間顯示它們時,它會在下拉菜單中放置按鈕:

技術分享

Scrolling Fixed Headers

我們還在Agenda視圖中改進了(或根據您的視圖自定義)垂直滾動。現在 “Date”標題的內容在屏幕上作為固定標題在滾動時保持可見:

技術分享

View Visible Interval

通過更改日期時間格式,可以將View Visible Interval的寬度自動調整為可用的客戶端寬度:

技術分享

WebForms & MVC

這些新的自適應功能將可用於ASP.NET WebForms和MVC版本的ASP.NET Scheduler控件,它們是v17.2版本的一部分。

===============================================================

想要進一步了解如何DevExpress ASP.NET Scheduler?

DevExpress v17.2即將發布,更多精彩預告請持續關註DevExpress中文網!

掃描關註DevExpress中文網微信公眾號,及時獲取最新動態及最新資訊

技術分享

【DevExpress v17.2新功能預告】DevExpress ASP.NET Scheduler新的自適應功能