SAP UI5 - थीमिंग
UI थीम डिज़ाइनर एक ब्राउज़र-आधारित टूल है, जो आपको SAP द्वारा प्रदान किए गए थीम टेम्प्लेट में से एक को संशोधित करके अपने थीम को विकसित करने की अनुमति देता है।
Example- आप रंग योजना को बदल सकते हैं, या अपनी कंपनी का लोगो जोड़ सकते हैं। जब आप डिज़ाइन कर रहे हों तो टूल थीम का लाइव पूर्वावलोकन प्रदान करता है।
अपनी कॉर्पोरेट ब्रांडिंग लागू करें और SAP UI तकनीकों के साथ बनाए गए एप्लिकेशन देखें। यूआई थीम डिजाइनर क्रॉस-थीमिंग परिदृश्यों के लिए एक ब्राउज़र-आधारित उपकरण है। SAP द्वारा प्रदान किए गए थीम टेम्प्लेट में से एक को संशोधित करके अपनी कॉर्पोरेट पहचान थीम को आसानी से बनाने के लिए इसका उपयोग करें। उदाहरण के लिए, आप रंग योजना को बदल सकते हैं, या अपनी कंपनी का लोगो जोड़ सकते हैं। उपकरण को विभिन्न उपयोगकर्ता समूहों पर लक्षित किया जाता है, जिसमें डेवलपर्स, विज़ुअल डिज़ाइनर, और व्यवस्थापक शामिल हैं।
समर्थित मंच
- SAP NetWeaver ABAP के रूप में (UI ऐड-ऑन 1.0 SP4 के माध्यम से)
- एसएपी नेटवेवर पोर्टल (7.30 एसपी 10 और उच्चतर संस्करण)
- SAP हाना क्लाउड (योजनाबद्ध)
- SAP NetWeaver पोर्टल (7.02 नियोजित)
मुख्य विशेषताएं और लाभ
Browser-based, graphical WYSIWYG editor - थीमिंग मापदंडों के मूल्यों को बदलता है और तुरंत देखता है कि यह चयनित पूर्वावलोकन पृष्ठ के दृश्य को कैसे प्रभावित करता है।
Built-in preview pages - यह देखने के लिए अंतर्निहित पूर्वावलोकन पृष्ठ चुनें कि आपके कस्टम विषय क्या लगेगा जब इसे किसी एप्लिकेशन पर लागू किया जाता है -
आवेदन के पूर्वावलोकन (उदाहरण: खरीद आदेश अनुमोदन, एसएपी फ़िओरी लॉन्चपैड)
पूर्वावलोकन को नियंत्रित करें
Different levels of theming -
त्वरित थीम (मूल क्रॉस-टेक्नोलॉजी थीम सेटिंग्स)
विशेषज्ञ थीमिंग (प्रौद्योगिकी-विशिष्ट थीम सेटिंग्स)
मैनुअल लेस या सीएसएस संपादन
Color palette for reuse - आपके कॉर्पोरेट ब्रांडिंग को परिभाषित करने वाले मुख्य रंग मूल्यों के साथ मापदंडों का एक सेट निर्दिष्ट करता है।
Cross-technology theming - विभिन्न एसएपी यूआई ग्राहकों और प्रौद्योगिकियों पर लागू होने वाली एक सुसंगत थीम बनाएं -
SAPUI5 मानक पुस्तकालय (SAP फ़िओरी अनुप्रयोगों और SAP फ़िओरी लॉन्चपैड सहित)
एकीकृत रेंडरिंग प्रौद्योगिकियां (जैसे वेब डायनप्रो एबीएपी और फ्लोरप्लान मैनेजर)
एसएपी नेटवेवर बिजनेस क्लाइंट
| SAP UI क्लाइंट | यूआई भागों को थीम बनाया जा सकता है |
|---|---|
| वेब डायनप्रो एबीएपी | आप उन अनुप्रयोगों को थीम कर सकते हैं जो निम्नलिखित UI तत्वों का उपयोग नहीं करते हैं:
आप केवल SAP NetWeaver 7.0 EHP2 के रूप में Web Dynpro ABAP अनुप्रयोगों के लिए UI थीम डिज़ाइनर के साथ बनाए गए विषयों का उपभोग कर सकते हैं |
| वेब डायनप्रो एबीएपी (एफपीएम) के लिए फ्लोरप्लेन मैनेजर | आप उन अनुप्रयोगों को थीम कर सकते हैं जो HTMLIslands या चार्ट UIBBs का उपयोग नहीं करते हैं |
| SAPUI5 | आप एसएपी स्टैंडर्ड लाइब्रेरीज़ को थीम कर सकते हैं। कस्टम SAPUI5 लाइब्रेरी को थीम नहीं बनाया जा सकता है |
| SAP NetWeaver Business Client (NWBC) | डेस्कटॉप के लिए NWBC (4.0 या उच्चतर): आप NWBC शेल और ओवरव्यू पेज (इंडेक्स पेज, नया टैब पेज, सर्विस मैप) को थीम कर सकते हैं। एचटीएमएल (3.6) के लिए एनडब्ल्यूबीसी: आप सेवा के नक्शे का विषय बना सकते हैं। शेल को थीम नहीं बनाया जा सकता है। |
SAP Fiori में थीम डिज़ाइनर कैसे कॉल करें?
Step 1- SAP Fiori फ्रंट-एंड सर्वर पर लॉगिन करें। आप उपयोग कर सकते हैंT-Code: Theme Designer या शॉर्टकट का उपयोग निम्न स्क्रीनशॉट में दिखाया गया है और लॉगिन करें।
Step 2- लॉगिन करने के बाद, आपके पास SAP द्वारा थीम डिज़ाइनर के लिए प्रदान किए गए सभी डिफ़ॉल्ट टेम्पलेट होंगे। डिफ़ॉल्ट थीम चुनें और ओपन पर क्लिक करें।
Step 3 - आवेदन की Fiori लॉन्चपैड लिंक और नाम दर्ज करें और जोड़ें पर क्लिक करें।
Step 4- स्क्रीन पैनल के दाईं ओर से, आप रंग, फ़ॉन्ट, छवि और अन्य गुणों का चयन कर सकते हैं। आप निम्न स्क्रीनशॉट में दिखाए अनुसार रंगों को संपादित कर सकते हैं।
Step 5- थीम को बचाने के लिए, आप नीचे दिए गए स्क्रीनशॉट में दिखाए अनुसार Save icon पर क्लिक कर सकते हैं। आपके पास सेव और बिल्ड ऑप्शन का भी विकल्प है।
एक बार जब आप सहेजें और निर्माण पर क्लिक करते हैं, तो यह सहेजना शुरू कर देगा और पूरा होने पर, आपको एक पुष्टिकरण संदेश मिलेगा - सहेजें और पूर्ण बनाएँ।
Step 6 - इस कस्टम थीम का लिंक पाने के लिए, टी-कोड का उपयोग करें जैसा कि निम्नलिखित स्क्रीनशॉट में दिखाया गया है -
Step 7 - आपके द्वारा बनाए गए थीम का चयन करें और जानकारी टैब पर क्लिक करें।
Step 8 - स्क्रीन से यूआरएल को कॉपी करने के लिए Ctrl + Y का उपयोग करें और इस पर ध्यान दें।
समर्थित थीम्स
ये डिफ़ॉल्ट थीम हैं जिन्हें UI5 के साथ भेज दिया गया है -
- ब्लू क्रिस्टल
- स्वर्ण परावर्तन
- मोबाइल विजुअल की पहचान
- हाई कंट्रास्ट ब्लैक
चार्ट प्रकार
Sap.viz.ui5 चार्टिंग लाइब्रेरी में विभिन्न चार्ट प्रकार हैं जिनका उपयोग व्यावसायिक डेटा का प्रतिनिधित्व करने के लिए किया जा सकता है। निम्नलिखित कुछ सीवीओएम चार्ट प्रकार हैं- कॉलम, बबल, लाइन, पाई, आदि।
