अकॉर्डियन (जीयूआई): Difference between revisions
(Created page with "{{short description|Expandable GUI element containing vertically stacked list of items}} {{more citations needed|date=September 2014}} File:Free psd ui kit sleek accordion m...") |
No edit summary |
||
Line 1: | Line 1: | ||
{{short description|Expandable GUI element containing vertically stacked list of items}} | {{short description|Expandable GUI element containing vertically stacked list of items}} | ||
[[File:Free psd ui kit sleek accordion menu by melaychie-d5fb2d9.png|thumb|अकॉर्डियन विजेट]][[अकॉर्डियन]] एक [[ चित्रमय नियंत्रण तत्व |चित्रमय नियंत्रण तत्व]] है जिसमें आइटम्स की वर्टिकल स्टैक्ड लिस्ट होती है, जैसे लेबल या [[थंबनेल]]। उस आइटम से जुड़ी सामग्री को प्रकट करने के लिए प्रत्येक आइटम को विस्तारित या संक्षिप्त किया जा सकता है। कॉन्फ़िगरेशन के आधार पर शून्य विस्तारित आइटम हो सकते हैं, ठीक एक या एक से अधिक आइटम एक समय में विस्तारित हो सकते हैं। | |||
[[File:Free psd ui kit sleek accordion menu by melaychie-d5fb2d9.png|thumb|अकॉर्डियन विजेट]][[अकॉर्डियन]] एक [[ चित्रमय नियंत्रण तत्व ]] है जिसमें आइटम्स की वर्टिकल स्टैक्ड लिस्ट होती है, जैसे लेबल या [[थंबनेल]]। उस आइटम से जुड़ी सामग्री को प्रकट करने के लिए प्रत्येक आइटम को विस्तारित या संक्षिप्त किया जा सकता है। कॉन्फ़िगरेशन के आधार पर शून्य विस्तारित आइटम हो सकते हैं, ठीक एक या एक से अधिक आइटम एक समय में विस्तारित हो सकते हैं। | |||
यह शब्द संगीत समझौते से उपजा है जिसमें धौंकनी के वर्गों को बाहर की ओर खींचकर विस्तारित किया जा सकता है। | यह शब्द संगीत समझौते से उपजा है जिसमें धौंकनी के वर्गों को बाहर की ओर खींचकर विस्तारित किया जा सकता है। | ||
अकॉर्डियन का | अकॉर्डियन का सामान्य उदाहरण बॉक्स क्षेत्र का दिखाएँ/छिपाएँ [[अनुमान]] है, लेकिन सूची में कई वर्गों के लिए विस्तारित है। | ||
एक अकॉर्डियन | एक अकॉर्डियन [[टैब्ड इंटरफ़ेस]] के उद्देश्य के समान है, वस्तुओं की सूची जहां [[पैनल (कंप्यूटर सॉफ्टवेयर)]] में बिल्कुल एक आइटम का विस्तार किया जाता है (यानी सूची आइटम अलग पैनल तक पहुंचने के लिए [[फ़ाइल शॉर्टकट]] हैं)। | ||
== उपयोगकर्ता परिभाषा == | == उपयोगकर्ता परिभाषा == | ||
Line 13: | Line 12: | ||
== उदाहरण == | == उदाहरण == | ||
GUI अकॉर्डियन का उपयोग करने वाला | GUI अकॉर्डियन का उपयोग करने वाला सामान्य उदाहरण बॉक्स क्षेत्र का दिखाएँ/छिपाएँ ऑपरेशन है, लेकिन सूची में कई अनुभागों के लिए विस्तारित किया गया है। | ||
SlideVerse | SlideVerse अकॉर्डियन इंटरफ़ेस है जो वेब सामग्री तक पहुँच प्रदान करता है।<ref>{{cite web|url=http://hypotext.webs.com/slideverse.htm |title=SlideVerse - इंटरनेट पर एक अलग नज़र|accessdate=2008-10-25 |url-status=dead |archiveurl=https://web.archive.org/web/20090203043904/http://hypotext.webs.com/slideverse.htm |archivedate=2009-02-03 }}</ref> | ||
Google रीडर के सूची दृश्य में भी इसकी विशेषता है। | Google रीडर के सूची दृश्य में भी इसकी विशेषता है। | ||
एक प्रारंभिक उदाहरण में, Apple के डाउनलोड पेज ने 2008 में रोल-ओवर अकॉर्डियन का उपयोग किया था। इस उदाहरण में, [[इंटरनेट आर्काइव]] में [[वेबैक मशीन]] में कैप्चर किया गया, पृष्ठ के बाएं कॉलम में तीन श्रेणियां शामिल हैं जो रोल-ओवर पर विस्तृत होती हैं: सभी डाउनलोड, शीर्ष Apple डाउनलोड, और शीर्ष डाउनलोड।<ref>{{cite web |url=https://www.apple.com/downloads/ |title=सेब - डाउनलोड|website=www.apple.com |access-date=12 January 2022 |archive-url=https://web.archive.org/web/20080430124840/https://www.apple.com/downloads/ |archive-date=30 April 2008 |url-status=dead}}</ref> | एक प्रारंभिक उदाहरण में, Apple के डाउनलोड पेज ने 2008 में रोल-ओवर अकॉर्डियन का उपयोग किया था। इस उदाहरण में, [[इंटरनेट आर्काइव]] में [[वेबैक मशीन]] में कैप्चर किया गया, पृष्ठ के बाएं कॉलम में तीन श्रेणियां शामिल हैं जो रोल-ओवर पर विस्तृत होती हैं: सभी डाउनलोड, शीर्ष Apple डाउनलोड, और शीर्ष डाउनलोड।<ref>{{cite web |url=https://www.apple.com/downloads/ |title=सेब - डाउनलोड|website=www.apple.com |access-date=12 January 2022 |archive-url=https://web.archive.org/web/20080430124840/https://www.apple.com/downloads/ |archive-date=30 April 2008 |url-status=dead}}</ref> | ||
== यह भी देखें == | == यह भी देखें == | ||
* [[ कोड तह ]], पाठ पर लागू एक समान तकनीक | * [[ कोड तह ]], पाठ पर लागू एक समान तकनीक | ||
Line 26: | Line 23: | ||
==संदर्भ== | ==संदर्भ== | ||
{{Reflist}} | {{Reflist}} | ||
==बाहरी संबंध== | ==बाहरी संबंध== | ||
*[http://jqueryui.com/demos/accordion jQuery UI accordion widget] | *[http://jqueryui.com/demos/accordion jQuery UI accordion widget] | ||
Line 34: | Line 29: | ||
*[https://web.archive.org/web/20070602102134/http://www.ajaxdaddy.com/demo-interface-accordion.html Accordion Interface] Demo of an accordion script | *[https://web.archive.org/web/20070602102134/http://www.ajaxdaddy.com/demo-interface-accordion.html Accordion Interface] Demo of an accordion script | ||
*[https://apps.shopify.com/product-description-accordion?utm_campaign=links&utm_source=wikipedia&utm_medium=organic Shopify Accordion] Shopify product description accordion | *[https://apps.shopify.com/product-description-accordion?utm_campaign=links&utm_source=wikipedia&utm_medium=organic Shopify Accordion] Shopify product description accordion | ||
{{Graphical control elements}} | {{Graphical control elements}} | ||
Revision as of 14:27, 2 June 2023
अकॉर्डियन एक चित्रमय नियंत्रण तत्व है जिसमें आइटम्स की वर्टिकल स्टैक्ड लिस्ट होती है, जैसे लेबल या थंबनेल। उस आइटम से जुड़ी सामग्री को प्रकट करने के लिए प्रत्येक आइटम को विस्तारित या संक्षिप्त किया जा सकता है। कॉन्फ़िगरेशन के आधार पर शून्य विस्तारित आइटम हो सकते हैं, ठीक एक या एक से अधिक आइटम एक समय में विस्तारित हो सकते हैं।
यह शब्द संगीत समझौते से उपजा है जिसमें धौंकनी के वर्गों को बाहर की ओर खींचकर विस्तारित किया जा सकता है।
अकॉर्डियन का सामान्य उदाहरण बॉक्स क्षेत्र का दिखाएँ/छिपाएँ अनुमान है, लेकिन सूची में कई वर्गों के लिए विस्तारित है।
एक अकॉर्डियन टैब्ड इंटरफ़ेस के उद्देश्य के समान है, वस्तुओं की सूची जहां पैनल (कंप्यूटर सॉफ्टवेयर) में बिल्कुल एक आइटम का विस्तार किया जाता है (यानी सूची आइटम अलग पैनल तक पहुंचने के लिए फ़ाइल शॉर्टकट हैं)।
उपयोगकर्ता परिभाषा
कई खिड़कियां एक दूसरे के ऊपर खड़ी हैं। वे सभी WindowShade हैं, इसलिए केवल उनके कैप्शन दिखाई दे रहे हैं। यदि उनमें से किसी एक पर क्लिक किया जाता है, तो इसे सक्रिय करने के लिए, इसे छायांकित या अधिकतम किया जाता है। अकॉर्डियन में अन्य विंडो ऊपरी या निचले किनारे के आसपास विस्थापित होती हैं।
उदाहरण
GUI अकॉर्डियन का उपयोग करने वाला सामान्य उदाहरण बॉक्स क्षेत्र का दिखाएँ/छिपाएँ ऑपरेशन है, लेकिन सूची में कई अनुभागों के लिए विस्तारित किया गया है।
SlideVerse अकॉर्डियन इंटरफ़ेस है जो वेब सामग्री तक पहुँच प्रदान करता है।[1] Google रीडर के सूची दृश्य में भी इसकी विशेषता है।
एक प्रारंभिक उदाहरण में, Apple के डाउनलोड पेज ने 2008 में रोल-ओवर अकॉर्डियन का उपयोग किया था। इस उदाहरण में, इंटरनेट आर्काइव में वेबैक मशीन में कैप्चर किया गया, पृष्ठ के बाएं कॉलम में तीन श्रेणियां शामिल हैं जो रोल-ओवर पर विस्तृत होती हैं: सभी डाउनलोड, शीर्ष Apple डाउनलोड, और शीर्ष डाउनलोड।[2]
यह भी देखें
- कोड तह , पाठ पर लागू एक समान तकनीक
संदर्भ
- ↑ "SlideVerse - इंटरनेट पर एक अलग नज़र". Archived from the original on 2009-02-03. Retrieved 2008-10-25.
- ↑ "सेब - डाउनलोड". www.apple.com. Archived from the original on 30 April 2008. Retrieved 12 January 2022.
बाहरी संबंध
- jQuery UI accordion widget
- YourHead
- mootools Tutorial (where the effect is called sliding shelf) on MONFX
- Accordion Interface Demo of an accordion script
- Shopify Accordion Shopify product description accordion