修改左侧导航显示样式(转载自Sunmoonfire's artistic matrix)
生活随笔
收集整理的這篇文章主要介紹了
修改左侧导航显示样式(转载自Sunmoonfire's artistic matrix)
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
這是一片非常好的文章,修改下CSS就可以改變左側(cè)導(dǎo)航欄的樣式,在網(wǎng)上找了一些都是要寫代碼的。怕連接失效,所以直接將文章考了過(guò)來(lái),希望作者原諒,如有不妥,請(qǐng)通知一聲,我會(huì)將文章刪掉!
WSS3SDK之:如何定制快速啟動(dòng)的顯示樣式(轉(zhuǎn)載自Sunmoonfire's artistic matrix)
我們可以通過(guò)修改導(dǎo)航控件的屬性來(lái)定制快速啟動(dòng)。該控件位于default.master母板頁(yè)文件中,默認(rèn)部署在 (Local_Drive:\Programe Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\GLOBAL)文件夾中。該文件是WSS的母板頁(yè),包含了站點(diǎn)的頁(yè)面布局,包括SharePoint頁(yè)面中導(dǎo)航區(qū)域的模板。在母板頁(yè)里包括了兩個(gè)控件的模板,這是在現(xiàn)有主頁(yè)上默認(rèn)可用的。一個(gè)是Microsoft.SharePoint.WebControls.Menu控件,用于在左側(cè)導(dǎo)航區(qū)中顯示標(biāo)準(zhǔn)的快速啟動(dòng)視圖;另一個(gè)是Microsoft.SharePoint.WebControls.SPTreeView控件,用于顯示站點(diǎn)文件夾視圖。我們可以在用戶界面上選擇究竟顯示哪一個(gè)視圖。
選擇在站點(diǎn)頁(yè)面的左側(cè)導(dǎo)航要顯示的視圖控件
1、選擇網(wǎng)站操作中的網(wǎng)站設(shè)置,在外觀一節(jié)中,選擇樹視圖。2、選中啟用快速啟動(dòng),來(lái)顯示快速啟動(dòng)視圖,或者選中啟用樹視圖來(lái)顯示文件夾視圖。
作為一個(gè)對(duì)左側(cè)導(dǎo)航定制的例子,我們可以把快速啟動(dòng)折疊起來(lái),然后設(shè)置Menu控件的屬性添加“感應(yīng)鼠標(biāo)經(jīng)過(guò)的彈出菜單”(fly-out menu)的方式來(lái)顯示。這類定制需要我們使用Microsoft Office SharePoint Designer 2007修改default.master,或者創(chuàng)建一個(gè)custom.master文件,然后利用對(duì)象模型將站點(diǎn)指向新的母版頁(yè)文件。
使用SharePoint Designer修改default.mater在站點(diǎn)母版頁(yè)庫(kù)中的實(shí)例來(lái)顯示帶fly-out菜單的折疊視圖
1、選擇網(wǎng)站操作中的網(wǎng)站設(shè)置,在庫(kù)一節(jié)中,選擇母版頁(yè)。2、在母版頁(yè)庫(kù)頁(yè)面中,在下拉菜單中選擇在Mirosoft Office SharePoint Designer中編輯。
3、在代碼視圖里,找到對(duì)應(yīng)的ContentPlaceHolder容器控件,其ID為PlaceHolderLeftNavBar。在PlaceHolderLeftNavBar中,找到AspMenu控件,其ID為QuickLaunchMenu。
4、將Menu控件的StaticDisplayLevels和MaximumDynamicDisplayLevels的值都設(shè)為1。如下所示: <asp:AspMenu
id="QuickLaunchMenu"
DataSourceId="QuickLaunchSiteMap"
runat="server"
Orientation="Vertical"
StaticDisplayLevels="1"
ItemWrap="true"
MaximumDynamicDisplayLevels="1"
StaticSubMenuIndent="0"
SkipLinkText=""
>
5、保存文件,打開網(wǎng)站頁(yè)面查看效果。
在這里附上效果圖:
通過(guò)創(chuàng)建自定義的母版頁(yè)文件并使用SharePoint對(duì)象模型來(lái)顯示帶fly-out菜單的折疊視圖
1、拷貝一份default.master(位于\12\TEMPLATE\GLOBAL文件夾),并重命名為myDefault.master。2、打開新建的myDefault.master文件,找到對(duì)應(yīng)的ContentPlaceHolder容器控件,其ID為PlaceHolderLeftNavBar。
3、在PlaceHolderLeftNavBar中,找到AspMenu控件,其ID為QuickLaunchMenu。然后將StaticDisplayLevels和MaximumDynamicDisplayLevels的值都設(shè)為1。如下所示:
<asp:AspMenu
id="QuickLaunchMenu"
DataSourceId="QuickLaunchSiteMap"
runat="server"
Orientation="Vertical"
StaticDisplayLevels="1"
ItemWrap="true"
MaximumDynamicDisplayLevels="1"
StaticSubMenuIndent="0"
SkipLinkText=""
> 4、創(chuàng)建一個(gè)網(wǎng)站,在Visual Studio里,使用Microsoft.SharePoint.SPWeb.MasterUrl屬性將站點(diǎn)母版頁(yè)指向自定義的.master文件,如下所示:
C# SPWeb?subSite?=?SPControl.GetContextWeb(Context);
subSite.MasterUrl?=?"/Site/SubSite/_catalogs/masterpage/myDefault.master";
由于該代碼含有變更內(nèi)容數(shù)據(jù)庫(kù)的操作,所以在運(yùn)行該代碼的.aspx頁(yè)面里,要有一個(gè)Microsoft.SharePoint.WebControls.FormDigest控件(可以放在一個(gè)WebPart里運(yùn)行,Web部件頁(yè)里自帶該控件。也可以在一般的aspx頁(yè)面中的Form標(biāo)簽中添加該控件,以便在頁(yè)面中運(yùn)行該代碼)。同時(shí),別忘了引用Microsoft.SharePoint和Microsoft.SharePoint.WebControls命名空間。
5、重啟IIS,使變更生效。然后打開網(wǎng)站頁(yè)面查看效果。
用TreeView替換Menu控件
1、打開我們前面創(chuàng)建的myDefault.master文件,找到對(duì)應(yīng)的ContentPlaceHolder容器控件,其ID為PlaceHolderLeftNavBar。2、在PlaceHolderLeftNavBar中,找到AspMenu控件,其ID為QuickLaunchMenu。然后將SharePoint:AspMenu的起始標(biāo)簽和結(jié)束標(biāo)簽都替換成SharePoint:SPTreeView。
3、移除新SPTreeView元素包含的下列LevelMenuItemStyles元素。
<LevelMenuItemStyles>
<asp:MenuItemStyle?CssClass="ms-navheader"/>
<asp:MenuItemStyle?CssClass="ms-navitem"/>
</LevelMenuItemStyles>
<LevelSubMenuStyles>
<asp:SubMenuStyle?CssClass="ms-navSubMenu1"/>
<asp:SubMenuStyle?CssClass="ms-navSubMenu2"/>
</LevelSubMenuStyles> 4、重啟IIS使改動(dòng)生效。
SPTreeView控件提供了很多屬性,允許我們輕松對(duì)其進(jìn)行定制。
?
轉(zhuǎn)載于:https://www.cnblogs.com/LeimOO/archive/2008/10/09/1307503.html
總結(jié)
以上是生活随笔為你收集整理的修改左侧导航显示样式(转载自Sunmoonfire's artistic matrix)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 整理任务
- 下一篇: window media player出