新特性速遞 新增單標籤頁模式,介面更加清爽!

2022-01-14 09:57:14 字數 2056 閱讀 5255

下個版本(v5.6.0),我們將對官網示例的框架進行調整,在現有預設【多標籤頁】基礎上新增【單標籤頁】模式,使得介面更加清爽!

設定項隱藏在右側頂部的選單中,如下所示:

對比下 pure black 主題下多標籤頁和單標籤頁的顯示效果差異:

多標籤頁:

單標籤頁:

可以看出,【單標籤頁】相比【多標籤頁】,有如下優點:

1. 去除了主選項卡標題欄,整體觀感更加清爽

2. 能夠顯示更多的主內容區域

2. 當前頁面路徑顯示在頂部,定位更加清楚

3. 每次只顯示乙個內容頁面,瀏覽器負荷更小

反過來說,【多標籤頁】相比【單標籤頁】,有如下優點:

1. 能同時顯示多個標籤頁,來回切換更加方便

2. 可以在標籤頁中載入子頁面,關閉後返回主頁面(避免主頁面資料丟失)

不管怎麼說,多乙個選擇總是好的,希望你能喜歡這次的更新。

下面,欣賞不同主題下的首頁效果:

那麼,如何向現有的框架新增【單標籤頁】模式呢?

1. 後台初始化 c# **中,隱藏選項卡控制項的標題欄:

maintabstrip.showtabheader = false;
2. 在初始化左側樹選單和主選項卡控制項互動時,傳入 singletabid 引數(這個引數用來指定唯一的標籤頁id):

var tabhomepageclientid = '

';f.inittreetabstrip(treemenu, maintabstrip, );

這個例子中,tabhomepage就是頁面初始定義的tab,如下所示:

<

f:tabstrip

id="maintabstrip"

cssclass

="centerregion"

showinkbar

="true"

boxflex

="1"

showborder

="true"

enabletabclosemenu

="true"

runat

="server"

>

<

tabs

>

<

f:tab

id="tabhomepage"

title

="首頁"

iconfont

="_home"

enableiframe

="true"

iframeurl

="~/common/main.aspx"

runat

="server"

>

f:tab

>

tabs

>

f:tabstrip

>

done!

不忘初心,砥礪前行!

新特性速遞 新增核取方塊開關樣式

fineuipro mvc core的下個版本 v6.1.0 我們對核取方塊進行了增強,通過乙個屬性啟用開關樣式。先來看下示例效果,淺色主題 pure black 深色主題 dark hive 在這個更新中,我們為checkbox控制項新增了如下 4 個屬性 在上述例子中,我們分別演示了如下幾種使用...

Visual C 2008新特性速遞

visual c 整合開發環境的變化 1 在atl mfc及win32應用程式中建立的對話方塊現在已符合windows vista樣式標準了。使用visual c 2008建立的新工程中所有對話方塊現在都會符合vista視窗樣式,但如果編譯乙個早期visual c 版本建立的工程,對話方塊仍會保持原...

新特性速遞 評分,評分,評分

fineuipro mvc core的下個版本 v6.4.0 我們會新增評分的支援,這個是在numberbox控制項的基礎上進行的 基礎版適用 之所以有這個更新,首先要感謝 棕櫚 的無私分享 在下個版本中,我們將會有如下幾個更新 示例截圖 示例頁面標籤定義 半星評分 唯讀 禁用點選清除 自定義字元 ...