asp.net mvc 4 - Is it possible to define different icons for placeholders, components and edit frames in the Sitecore page editor "component navigator"? -

साइटकोर पृष्ठ संपादक में काम करते समय, हमारे संपादक प्लेसहोल्डर, घटकों के पेड़ के माध्यम से नेविगेट करते हैं और नीले तीर आइकन का उपयोग करके फ्रेम को संपादित करते हैं घटक नाविक खोलें घटक नेविगेटर पेड़ में प्रत्येक पूर्वजों को दिखाता है (शीर्षक के पृष्ठ के उस भाग के संदर्भ से जहां संपादक क्लिक किया गया है) शीर्षक और एक छोटा नीला वर्ग बुलेट आइकन:

  / sitecore / shell / दुर्भाग्य से, सभी घटकों, प्लेसहोल्डर्स और एडिट फ़्रेम को एक ही आइकन द्वारा दर्शाया जाता है, और यह हमेशा बताने में आसान नहीं है कि अकेले शीर्षक से एक घटक और प्लेसहोल्डर के बीच का अंतर (कोर बटन में संपादित करें बटन को संपादन योग्य शीर्षक और टूलटिप है)।  
 आदर्श रूप से, हम रंग कोडित बुलेट आइकन चाहते हैं जो हमारे संपादक यह समझते हैं कि वे कहां थे और क्या वे क्लिक कर रहे थे।  
 ये सामग्री के पेड़ में प्रयुक्त चिन्ह नहीं हैं।  
 ऐसा कहीं भी है जहां मैं एक अलग आइकन सेट कर सकता हूं इनमें से प्रत्येक? यदि नहीं, तो इसके लिए कोई कोड तय है?  
 स्पष्टीकरण के लिए संपादित करें: इस चित्र में नीली बुलेट - बॉडी प्लेसहोल्डर है, पहला इमेज बैनर एक घटक है, दूसरे फ्रेम को संपादित करें एक नया शीर्षक), बैनर ओवरले एक और प्लेसहोल्डर है:    < 
 
 
 आपको चुने हुए  ChromeTypes  के लिए जावास्क्रिप्ट फाइलों को संपादित करना है। 
 
 पर जाएं  साइटकोर \ शेल \ अनुप्रयोग \ पृष्ठ मोड \ क्रोम टाईप  निर्देशिका। क्या तुम्हें वहाँ देखने का आधार है  ChromeType  समारोह और  PlaceholderChromeType ,  RenderingChromeType , आदि जैसे कार्यों इनहेरिट 
 
  
 
 उस प्रकार को संपादित करें जिसे आप आइकन बदलना चाहते हैं। अवहेलना  आइकन  इस तरह समारोह: 
 
  आइकन: function () {वापसी '/sitecore/shell/~/icon/ApplicationsV2/16x16/bullet_square_glass_green.png.aspx' ; }  
 
 तो अगर आप  PlaceholderChromeType.js  संपादित फ़ाइल इसे इस तरह शुरू कर देना चाहिए: 
 
  Sitecore.PageModes.ChromeTypes। प्लेसहोल्डर = Sitecore.PageModes.ChromeTypes.ChromeType.extend ({निर्माता: function () {this.base ();}, आइकन: function () {वापसी '/ sitecore / खोल / ~ / आइकन / ApplicationsV2 / 16x16 / bullet_square_glass_green। Png.aspx ';}, controlId: function () {var marker = this.chrome.openingMarker ();  
 
 अपना ब्राउज़र कैश साफ़ करें और पृष्ठ को रीफ्रेश करें। अब आपके सभी प्लेसहोल्डर आइकन हरा हो।