2011-11-23 79 views
0

我在CSS中使用了Shrepoint 2010中的ootb(開箱即用)頂部導航的樣式。但是我也想添加圖標(.png圖像)用於導航製作。因此,對於家庭來說,我希望在它旁邊有一個圖標,關於我們再次顯示另一個圖標,例如實踐,部門,我們的活動,我們的員工,出版物和爲我們工作。SharePoint 2010頂部導航?

SharePoint 2010基本上使用asp控件構建頂級導航。在firebug(Firefox)和開發者工具(IE)中,我可以看到在主頁面上的頂級導航的HTML,這是不可見的。

什麼是最好的方式包括頂部導航項中的圖標?

預先感謝

回答

0

你需要建立自己的asp.net控制,如果你要定製恐怕菜單的這一部分。 OOTB你只能改變CSS並(限制)控制顯示的內容。如果希望SharePoint UI保持控制,則可以使用相同的DataSource。

+0

是否有可能使用jquery爲每個菜單元素設置一個ID,並將CSS(包含背景圖像/徽標)應用於由jquery設置的每個ID?我認爲這可能比重建控制系統更容易 –

+0

不是。您將遇到的問題是,SharePoint提供的ID基於當前用戶的導航視圖。這會改變(如你設置的任何id)。這將是很多工作,但你可以在jQuery中根據鏈接內容做到這一點。比重建控件更多的工作。 –

0

我和我正在使用的網站有同樣的問題。我想將各個圖標添加到每個主菜單項,但無法定位它們。

爲了解決這個問題而不創建自定義控件我使用jQuery來添加一個基於菜單項數量遞增的類,然後使用這個類在我的CSS中應用樣式。

$("a.menu-item").each(function(i) { 
    $(this).addClass("nav-" + (i+1)); 
}); 

希望這可以幫助你!