DevExpress WinForms擁有180+組件和UI庫，能為Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForms能完美構建流暢、美觀且易于使用的應用程序，無論是Office風格的界面，還是分析處理大批量的業務數據，它都能輕松勝任！

DevExpress WinForm 近日正式發布了2022年第一個重大版本——v22.1，此版本也正式升級了之前版本中發布的HTML CSS模板功能，歡迎下載最新版體驗！

HTML CSS 模板

列表框、組合框、警報 - HTML和CSS標記支持

v22.1 為我們的WinForms ListBox、ComboBox和Alert控件引入了 HTML 和 CSS 標記支持，使用HtmlTemplates屬性定義可應用于項目的HTML-CSS模板集合，閱讀以下文章：

• DevExpress WinForms的HTML & CSS 模板 — 新控件和功能
• DevExpress WinForms HTML & CSS模板——輕松創建警報通知

處理以下事件以響應針對 HTML UI 元素的鼠標操作：

• HtmlElementMouseOver
• HtmlElementMouseMove
• HtmlElementMouseOut
• HtmlElementMouseClick
• HtmlElementMouseDown
• HtmlElementMouseUp

HTML Content控件 - 存儲庫項的輸入標記

您現在可以將存儲庫項目包裝在 <input> 標記內。

'name' 屬性按名稱引用存儲庫項，'value' 屬性指定數據字段名稱。

HTML

<div class='default-avatar-container' hidden='${HasPhoto}'>
<input class='default-avatar' name='pictureEdit' value='${Photo}' />
<a class='choose-photo' id='choose_Photo'>Choose a photo</a>
</div>
<div class='default-avatar-container avatar-container' hidden='${IsDefaultPhoto}'>
<input class='avatar' name='pictureEdit' value='${Photo}' />
</div>
<div class='input-box'>
<input class='input' name='emailEdit' value='${Email}'/>
</div>

我們的Template Designer 在包括'In-place Editor Repository' 選項卡，打開此選項卡來創建要在 HTML 模板中引用的存儲庫項目。

HTML模板設計器增強

HTML 模板設計器現在附帶以下選項：

• 區域折疊
• 縮進指南
• 行號

TileView - 項目自動高度

我們添加了一個新的 選項來支持由HTML和基于CSS模板呈現的圖塊的自動高度模式，在自動高度模式下，磁貼會垂直拉伸以完全顯示內容。

新的 CSS 屬性

我們支持以下 CSS 屬性：

• overflow-wrap
• white-space
• background-image
• background-position
• background-size
• background-repeat

DevExpress技術交流群6：600715373      歡迎一起進群討論