是否可以在Sitecore頁面編輯器「組件導航器」中爲佔位符，組件和編輯框架定義不同的圖標？

在Sitecore頁面編輯器中工作時，我們的編輯人員使用藍色箭頭圖標瀏覽佔位符，組件和編輯框架樹，以打開組件導航器。組件導航顯示在樹中的每個祖先（從所在的頁面編輯器點擊的區域的情況下），帶有標題和一個藍色的小方形子彈圖標：是否可以在Sitecore頁面編輯器「組件導航器」中爲佔位符，組件和編輯框架定義不同的圖標？

/sitecore/shell/~/icon/ApplicationsV2/16x16/bullet_square_glass_blue.png.aspx

不幸的是，所有的組件，佔位符和編輯框架由相同的圖標表示，並且僅通過標題（編輯框按鈕在覈心數據庫中具有可編輯的標題和工具提示）來區分組件和佔位符並不總是容易的。

理想情況下，我們希望使用彩色編碼的子彈圖標來幫助我們的編輯人員瞭解他們在哪裏以及他們點擊了什麼。

這些不是內容樹中使用的圖標。

那麼有沒有地方可以爲每個圖標設置不同的圖標？如果沒有，是否有這樣的代碼修復？

編輯澄清：此圖像中的藍色子彈 - 身體是一個佔位符，第一圖片橫幅是一個組件，第二通過編輯框（將獲得一個新的標題），橫幅覆蓋是另一種佔位符： enter image description here

來源

2014-10-17 James Walford

你需要做的是編輯選擇的ChromeTypes的JavaScript文件。

轉至sitecore\shell\Applications\Page Modes\ChromeTypes目錄。你看到有基地ChromeType功能，傳承功能，如PlaceholderChromeType，RenderingChromeType等

enter image description here

編輯要更改圖標類型。覆蓋icon功能是這樣的：

icon: function() { 
    return '/sitecore/shell/~/icon/ApplicationsV2/16x16/bullet_square_glass_green.png.aspx'; 
},

因此，如果您編輯PlaceholderChromeType.js文件就應該像這樣開頭：

Sitecore.PageModes.ChromeTypes.Placeholder = Sitecore.PageModes.ChromeTypes.ChromeType.extend({ 
    constructor: function() { 
    this.base(); 
    }, 

    icon: function() { 
    return '/sitecore/shell/~/icon/ApplicationsV2/16x16/bullet_square_glass_green.png.aspx'; 
    }, 

    controlId: function() { 
    var marker = this.chrome.openingMarker();

清除瀏覽器緩存並刷新頁面。現在所有的佔位符圖標都會變綠。

來源

2014-10-17 15:53:38

這些通常在WebEdit下配置;如「核心」數據庫中所定義的那樣。作爲一個例子，在切換到「core」之後，在「/ sitecore/content/Applications/WebEdit/Edit Frame Buttons」下查看。

您應該能夠從那裏完成大部分需要的圖標更改。

來源

2014-10-17 12:52:15

儘管經過反思，它可能並不能完全滿足您的需求。如果是這種情況，提出一個答案將需要稍長;-) – 2014-10-17 12:55:49

嗨馬克，我不知道它會幫助 - 編輯框架按鈕有圖標設置，但這些是用於內容編輯器和小在頁面編輯器中浮動按鈕條。這是特別是當你可以導航到一個祖先我想要抓住的:-)你看到的子彈點 – 2014-10-17 13:53:40

是否可以在Sitecore頁面編輯器「組件導航器」中爲佔位符，組件和編輯框架定義不同的圖標？

回答

相關問題