8

मैं दो 'एक्शन बटन' को एक साथ जोड़ना चाहता हूं, वैसे ही फ़ायरफ़ॉक्स वर्तमान में उनके बुकमार्क एडन के साथ करता है, ध्यान दें कि इसे 'अनुकूलित करें' में एक बटन के रूप में माना जाता है ... 'विकल्प।फ़ायरफ़ॉक्स एक्सटेंशन एडन एसडीके कई 'एक्शन बटन' गठबंधन

यहां Navbar पर पूरे बटन का एक स्क्रीनशॉट है।

Here is what the button looks like on the navBar

यहाँ 'कस्टमाइज़ करें' जीयूआई में बटन 'बुकमार्क' का एक स्क्रीनशॉट है।

Here is what the button looks like in the customization panel (Bookmarks)

मैं ध्यान से SDK दस्तावेज़ की समीक्षा की है और वहाँ ऐसा करने का कोई स्पष्ट तरीका है। ऐसा लगता है कि इसके लिए एसडीके/यूई लाइब्रेरी के हेरफेर की आवश्यकता होगी। मैं किसी भी जानकारी या अंतर्दृष्टि की सराहना करता हूं जो मुझे इस समस्या के समाधान के लिए प्रेरित करता है। धन्यवाद।

कार्रवाई बटन एपीआई संदर्भ के लिए here पर क्लिक करें।

+1

मैं स्थापित करने 'type =" मेनू- कोशिश लगता होगा;

इसके अलावा, यह एसडीके टीम ActionButton एसडीके में इस तरह के संयुक्त बटन समर्थन करने के लिए पूछना (या कि खुद के लिए एक पैच बनाने) के लिए एक अच्छा विचार हो सकता बटन "' और उसके बाद एक छवि के साथ 'ड्रॉपमार्कर' स्टाइल।आपको 10 तक पहुंचने में मदद करने के लिए +1 ताकि आप चित्र – Noitidart

+0

जोड़ सकें, शायद आप 'एक्शनबटन' के बजाय 'फ्रेम' चाहते हैं, https://developer.mozilla.org/en-US/Add-ons/SDK/Low देखें -Level_APIs/ui_frame – Lori

+1

उपयोगकर्ता नोइटिडार्ट सही है। संदर्भ के लिए [इस पृष्ठ] पर कोड देखें (http://stackoverflow.com/questions/22192379/link-add-on-sdk-panel-to-toolbar-button) संदर्भ के लिए। लोरी द्वारा सुझाए गए एक फ्रेम में एक पूरी नई पंक्ति होगी। – willlma

उत्तर

2

मैं पहली बार में यह जवाब देने के लिए संकोच कर रहा था, लेकिन वहाँ के रूप में कोई भी एक बेहतर जवाब के साथ है और कुछ जाहिरा तौर पर, यहाँ मेरी "गैर जवाब" जवाब है:

ActionButton एपीआई इस पर इस का समर्थन नहीं करता पहर।

लेकिन सभी खो नहीं गए हैं। आप सीधे नए CustomizableUI एपीआई और एक्सयूएल और सीएसएस का थोड़ा सा उपयोग करके इसे कार्यान्वित कर सकते हैं, लेकिन यह सामान्य रूप से अनचाहे क्षेत्र है। खतरनाक इलाके; आपको चेतावनी दी गई है।

  • बुकमार्क बटन अनिवार्य रूप से एक "सामान्य" कुछ के साथ <toolbarbutton type="menu-button"> है:

    आप डिफ़ॉल्ट बटन के लिए स्रोतों में देखें, तो आप अलग-अलग सामान्य रूप में इस तरह के बटन को लागू करने के लिए इस्तेमाल तरीके हैं कि मिल जाएगा .toolbarbutton-menubutton-dropmarker (ड्रॉप डाउन मार्कर धारण करने वाला बॉक्स) और/या .dropmarker-icon (<image>.toolbarbutton-menubutton-dropmarker में वास्तविक ड्रॉप डाउन आइकन रखने के लिए कस्टम शैलियों)। जब बटन टूलबार पर होता है, तो ड्रॉपडाउन मार्कर छवि डिफ़ॉल्ट डाउन-तीर आइकन की बजाय उस "सूची" आइकन पर सेट की जाएगी, जबकि पैलेट या "हैमबर्गर" मेनू में, पूरी चीज छिपी जाएगी। बेशक, कुछ अतिरिक्त कोड भी हैं जो बटन और/या ड्रॉप-डाउन मार्कर की डिफ़ॉल्ट कार्रवाई को ठीक कर देंगे।

  • दूसरी तरफ ज़ूम नियंत्रण वास्तव में एक विशेष कंटेनर में तीन बटन होते हैं जो कुछ कस्टम शैलियों के साथ फिर से उपयोग करने योग्य वर्गों में दिखाई देता है (updateCombinedWidgetStyle के माध्यम से सेट)। CustomizeableWidgets देखें उदा। MXR पर।

मैं आपको सुझाव देता हूं कि CustomizableUI का उपयोग कैसे करें, और निश्चित रूप से अंतर्निहित विगेट्स के कोड और सीएसएस नियमों को पढ़ें। डोम इंस्पेक्टर ऐड-ऑन के साथ क्रोम विंडो डोम को पोक करना भी मदद कर सकता है, उदा। तेजी से पता लगाने के लिए कि कौन सी सीएसएस नियम खेल रहे हैं और वे कहां से आते हैं;) इसके अलावा वास्तविक फ़ाइल इतिहास/परिवर्तन भी सहायक हो सकते हैं।

संबंधित मुद्दे