इसके माध्यम से साझा किया गया


Power Apps में बटन नियंत्रण

एक नियंत्रण जिसे उपयोगकर्ता एप्लिकेशन पर सहभागिता करने के लिए क्लिक या टैप कर सकता है.

वर्णन

उपयोगकर्ता द्वारा नियंत्रण पर क्लिक करने या टैप करने पर एक या अधिक सूत्रों को चलाने के लिए OnSelect बटन नियंत्रण के गुण को कॉन्फ़िगर करें.

मुख्य गुण

OnSelect – जब उपयोगकर्ता किसी नियंत्रण को टैप या क्लिक करता है, तो की जाने वाली कार्रवाइयां.

पाठ - वह पाठ जो किसी नियंत्रण पर दिखाई देता है या उपयोगकर्ता नियंत्रण में टाइप करता है.

अतिरिक्त गुण

Align – अपने नियंत्रण के क्षैतिज केंद्र के संबंध में पाठ का स्थान.

AutoDisableOnSelectOnSelect व्यवहार चल रहा हो तो स्वचालित रूप से नियंत्रण को अक्षमकर देता हैष.

BorderColor – नियंत्रण बॉर्डर का रंग.

BorderStyle – क्या नियंत्रण की सीमारेखा ठोस, डैशित, बिंदुदार या कुछ नहीं है.

BorderThickness – नियंत्रण बॉर्डर की मोटाई.

रंग – एक नियंत्रण में पाठ का रंग.

DisplayMode – क्या नियंत्रण उपयोगकर्ता इनपुट (संपादन) की अनुमति देता है, केवल डेटा प्रदर्शित करता है (देखें), या अक्षम है (अक्षम).

DisabledBorderColor – नियंत्रण की बॉर्डर का रंग यदि नियंत्रण का DisplayMode गुण अक्षम में सेट है.

DisabledColor – एक नियंत्रण में पाठ का रंग यदि इसका DisplayMode गुण अक्षम में सेट है.

DisabledFill – एक नियंत्रण की पृष्ठभूमि का रंग यदि उसका DisplayMode गुण अक्षम पर सेट है.

FocusedBorderColor - नियंत्रण केंद्रित होने पर नियंत्रण बॉर्डर का रंग.

FocusedBorderThickness – नियंत्रण केंद्रित होने पर नियंत्रण बॉर्डर की मोटाई.

भरण – नियंत्रण का पृष्ठभूमि रंग.

फॉंन्ट – फॉंन्ट परिवार का नाम जिसमें पाठ दिखाई देता है.

FontWeight – एक नियंत्रण में पाठ का मान: बोल्ड, सेमीबोल्ड, सामान्य, या हल्का.

ऊंचाई - एक नियंत्रण के शीर्ष और निचले किनारों के बीच की दूरी.

HoverBorderColor – नियंत्रण की बॉर्डर का रंग जब उपयोगकर्ता माउस के पॉइंटर को नियंत्रण पर रखता है.

HoverColor – एक नियंत्रण में पाठ का रंग जब उपयोगकर्ता उस पर माउस का पॉइंटर रखता है.

HoverFill – नियंत्रण के पृष्ठभूमि का रंग, जब उपयोगकर्ता माउस के पॉइंटर को इस पर रखता है.

इटैलिक – एक नियंत्रण में पाठ इटैलिक है या नहीं.

PaddingBottom – एक नियंत्रण में पाठ और उस नियंत्रण के निचले किनारे के बीच की दूरी.

PaddingLeft – एक नियंत्रण में पाठ और उस नियंत्रण के बाएं किनारे के बीच की दूरी.

PaddingRight – एक नियंत्रण में पाठ और उस नियंत्रण के दाएं किनारे के बीच की दूरी.

PaddingTop – एक नियंत्रण में पाठ और उस नियंत्रण के ऊपरी किनारे के बीच की दूरी.

दबाया गयासही जबकि एक नियंत्रण दबाया जा रहा है, अन्यथा गलत.

PressedBorderColor – उपयोगकर्ता द्वारा उस नियंत्रण को टैप या क्लिक करने पर नियंत्रण की बॉर्डर का रंग.

PressedColor – नियंत्रण में पाठ का रंग जब उपयोगकर्ता उस नियंत्रण को टैप करता है या क्लिक करता है.

PressedFill – नियंत्रण का पृष्ठभूमि रंग जब उपयोगकर्ता उस नियंत्रण को टैप या क्लिक करता है.

RadiusBottomLeft – डिग्री जिसमें नियंत्रण का निचले-बांया कोना गोलाकार है.

RadiusBottomRight – डिग्री जिसमें नियंत्रण का निचले-दाहिना कोना गोलाकार है.

RadiusTopLeft – डिग्री जिसमें नियंत्रण का शीर्ष बांया कोना गोलाकार है.

RadiusTopRight – डिग्री जिसमें नियंत्रण का शीर्ष दाहिना कोना गोलाकार है.

आकार - एक नियंत्रण पर दिखाई देने वाले पाठ का फ़ॉन्ट आकार.

स्ट्राइकथ्रू – क्या नियंत्रण पर दिखाई देने वाले पाठ के आरपार कोई रेखा दिखाई देती है.

TabIndex – अन्य नियंत्रणों के संबंध में कुंजीपटल नेविगेशन क्रम.

Tooltip – व्याख्यात्मक पाठ जो उपयोगकर्ता द्वारा एक नियंत्रण पर कर्सर को ले जाने पर प्रकट होता है.

अंडरलाइन – क्या एक नियंत्रण पर दिखाई देने वाले पाठ के नीचे एक रेखा दिखाई देती है.

VerticalAlign – नियंत्रण पर पाठ का स्थान उस नियंत्रण के ऊर्ध्वाधर केंद्र के संबंध में.

दृश्यमान – नियंत्रण दिखाई देता है या छुपा हुआ है.

चौड़ाई - एक नियंत्रण के बाएँ और दाएँ किनारों के बीच की दूरी.

X – एक नियंत्रण के बाएं किनारे और उसके पैरेंट कंटेनर के बाएं किनारे की बीच की दूरी (स्क्रीन करें, यदि कोई पैरेंट कंटेनर नहीं है).

Y – नियंत्रण के शीर्ष किनारे और पैरेंट कंटेनर के शीर्ष किनारे के बीच की दूरी (स्क्रीन करें, यदि कोई पैरेंट कंटेनर नहीं है).

Navigate( ScreenName, ScreenTransitionValue )

उदाहरण

एक बटन के लिए एक मूल सूत्र जोड़ें

  1. एक Text input नियंत्रण जोड़ें, और उसका Source रखें.

    नाम जोड़ना और एक नियंत्रण कॉन्फ़िगर करना नहीं जानते?

  2. बटन नियंत्रण जोड़ें, अपना पाठ गुण "जोड़ें" पर सेट करें, और अपने OnSelect गुण को इस फ़ॉर्मूले में सेट करें:
    UpdateContext({Total:Total + Value(Source.Text)})

    UpdateContext फंक्शन या अन्य फंक्शन्स के बारे में अधिक जानकारी चाहते हैं?

  3. एक लेबल नियंत्रण जोड़ें, सूत्र पट्टी में इसके टेक्स्ट गुण को मान (कुल) पर सेट करें, और फिर F5 दबाएँ.

  4. स्रोत से डिफ़ॉल्ट पाठ को साफ़ करें, इसमें एक संख्या लिखें और फिर जोड़ें पर क्लिक या टैप करें.

    Label नियंत्रण आपके द्वारा टाइप संख्या को दिखाता है.

  5. स्रोत से संख्या साफ़ करें, इसमें एक और संख्या लिखें और फिर जोड़ें पर क्लिक या टैप करें.

    Label नियंत्रण आपके द्वारा टाइप दो नंबरों का योग दिखाता है.

  6. (वैकल्पिक) पिछले चरण को एक या अधिक बार दोहराएं.

  7. डिफ़ॉल्ट कार्यस्थल पर लौटने के लिए Esc दबाएं (या ऊपरी-दाहिने कोने में बंद आइकन पर क्लिक या टैप करें).

एक बटन को एकाधिक सूत्रों के साथ कॉन्फ़िगर करें

एक सूत्र जोड़ें जो प्रविष्टियों के बीच पाठ इनपुट नियंत्रण को साफ़ करता है.

  1. स्रोत के HintText गुण को "एक नंबर दर्ज करें" में सेट करें.

  2. इस सूत्र में जोड़ें के OnSelect गुण को सेट करें:

    UpdateContext({Total:Total + Value(Source.Text)});
    UpdateContext({ClearInput: ""})

    नोट

    अर्द्धविराम के साथ ";" कई सूत्र अलग करें.

  3. ClearInput में स्रोत का डिफॉल्ट गुण सेट करें.

  4. F5 दबाएँ, और फिर एक साथ कई नंबर जोड़कर ऐप का परीक्षण करें.

कुल रीसेट करने के लिए एक दूसरा बटन जोड़ें

गणना के बीच योग को खाली करने के लिए एक दूसरा बटन जोड़ें.

  1. एक अन्य बटन नियंत्रण जोड़ें, इसका पाठ गुण "साफ" में जोड़ें और इसका OnSelect गुण इस सूत्र में जोड़ें:

    UpdateContext({Total:0})

  2. F5 दबाएँ, कई संख्याएँ एक साथ जोड़ें, और फिर क्लिक करें या स्पष्ट टैप करें कुल रीसेट करने के लिए.

बटन का प्रकटन बदलें

बटन का स्वरूप बदलें

डिफ़ॉल्ट रूप से, Power Apps एक आयताकार बटन नियंत्रण गोल कोनों के साथ बनाता है. आप बटन नियंत्रण के आकार में बुनियादी संशोधन इसकी ऊंचाई, चौड़ाई, और त्रिज्या गुणों को सेट करके कर सकते हैं.

नोट

आइकन और आकार कई प्रकार के डिज़ाइन प्रदान करते हैं और कुछ ऐसे मूल कार्य कर सकते हैं जो बटन नियंत्रण करते हैं. हालाँकि, आइकन्स और आकार में पाठ गुण नहीं होता.

  1. एक बटन नियंत्रण जोड़ें, और इसकी ऊंचाई और चौड़ाई गुण को एक बड़ा वर्ग बटन बनाने के लिए 300 पर सेट करें.

  2. RadiusTopLeft, RadiusTopRight, RadiusBottomLeft, और RadiusBottomRight गुण को प्रत्येक कोने पर वक्रता के परिमाण को समायोजित करने के लिए संशोधित करें. यहां विभिन्न आकृतियों के कुछ उदाहरण दिए गए हैं, प्रत्येक 300 x 300 वर्ग बटन से आरंभ होता है:

    • एक गोलाकार बनाने के लिए सभी चार त्रिज्या मानों को 150 पर सेट करें.
    • पत्ती के आकार का बटन बनाने के लिए RadiusTopLeft और RadiusBottomRight के मानों को 300 पर सेट करें.
    • टैब के आकार का बटन बनाने के लिए RadiusTopLeft और RadiusTopRight के मानों को 300 पर सेट करें, और RadiusBottomLeft और RadiusBottomRight के मानों को 100 पर सेट करें.

बटन पर हॉवर करते हुए उसका रंग बदलें

डिफ़ॉल्ट रूप से, जब आप एक माउस के साथ उस पर हॉवर करते हैं, तो बटन नियंत्रण का भरण रंग 20% तक हल्का हो जाएगा. आप HoverFill गुण को बदल कर इस व्यवहार को समायोजित कर सकते हैं जो ColorFade फंक्शन का उपयोग करता है. यदि आप ColorFade को एक धनात्मक प्रतिशत पर सेट करते हैं, तो बटन पर हॉवर करते समय रंग हल्का हो जाता है, जबकि एक ऋणात्मक प्रतिशत से रंग गहरा बनता है.

  • आपके द्वारा बनाए गए बटनों में से किसी एक के HoverFill गुण में ColorFade प्रतिशत बदलें, और प्रभाव का अवलोकन करें.

आप अपनी HoverFill गुण को एक सूत्र में सेट करके एक बटन नियंत्रण का रंग भी निर्दिष्ट कर सकते हैं जिसमें ColorFade फंक्शन के बजाय ColorValue फंक्शन शामिल है जैसा कि ColorValue ("लाल") में है.

नोट

रंग मान कोई भी CSS परिभाषा हो सकती है या तो एक नाम या एक हेक्स मान.

  • ColorFade फंक्शन को आपके द्वारा तैयार बटनों में से एक ColorValue फंक्शन के साथ बदलें और प्रभाव का अवलोकन करें.

पहुँच-योग्यता दिशा-निर्देश

रंग कॉन्ट्रास्ट

स्क्रीन रीडर समर्थन

  • पाठ मौजूद होना चाहिए.

कीबोर्ड समर्थन

  • TabIndex शून्य या अधिक होना चाहिए ताकि कुंजीपटल उपयोगकर्ता इस पर नेविगेट कर सकें.
  • फोकस संकेतक स्पष्ट रूप से दिखाई देने चाहिए. इसे हासिल करने के लिए FocusedBorderColor और FocusedBorderThickness उपयोग करें.

नोट

क्या आप हमें अपनी दस्तावेज़ीकरण भाषा वरीयताओं के बारे में बता सकते हैं? एक छोटा सर्वेक्षण पूरा करें. (कृपया ध्यान दें कि यह सर्वेक्षण अंग्रेज़ी में है)

सर्वेक्षण में लगभग सात मिनट लगेंगे. कोई भी व्यक्तिगत डेटा एकत्र नहीं किया जाता है (गोपनीयता कथन).