अपने प्रोजेक्ट के लिए कस्टम इंटरफ़ेस बनाएं
इंटरफ़ेस एक नो-कोड ऐप बिल्डर है जो प्रोजेक्ट व्यवस्थापकों को मौजूदा प्रोजेक्ट संसाधनों पर कस्टम, मल्टी-पेज एप्लिकेशन बनाने की अनुमति देता है — एजेंट, चैट, स्मार्ट टेबल, डैशबोर्ड, नॉलेज बेस, कार्य, वर्कफ़्लो, दस्तावेज़ और बैठकें। डिफ़ॉल्ट चैट अनुभव के बजाय, आप बहुत से पेजों, ड्रैग-एंड-ड्रॉप विजेट्स, कस्टम ब्रांडिंग और साझा करने योग्य सार्वजनिक URL के साथ उद्देश्य-निर्मित इंटरफ़ेस बना सकते हैं।
कस्टम नेविगेशन में व्यवस्थित, प्रत्येक अलग-अलग कार्य करने वाले कई पेजों वाले इंटरफ़ेस बनाएं।
AI, डेटा, कार्य और सामग्री विजेट्स की लाइब्रेरी के साथ 12-कॉलम ग्रिड का उपयोग करके पेज बनाएं।
अपने ब्रांड से मेल खाने के लिए लोगो, रंग, नेविगेशन लेआउट, फ़ेविकॉन और CSS अनुकूलित करें।
सार्वजनिक URL के माध्यम से इंटरफ़ेस प्रकाशित करें और सदस्य पहुँच नियंत्रित करें।
मुख्य अवधारणाएं
इंटरफ़ेस
इंटरफ़ेस पेजों का एक संग्रह है जो एक साथ एक प्रोजेक्ट के लिए पूर्ण उपयोगकर्ता अनुभव बनाते हैं। प्रत्येक प्रोजेक्ट के कई इंटरफ़ेस हो सकते हैं।
| गुण | विवरण |
|---|---|
| नाम | इंटरफ़ेस का प्रदर्शन नाम |
| प्रकाशित | क्या इंटरफ़ेस सार्वजनिक URL के माध्यम से अंतिम उपयोगकर्ताओं के लिए उपलब्ध है |
| ब्रांडिंग | कस्टम लोगो, रंग, नेविगेशन लेआउट, फ़ेविकॉन और CSS |
पेज
पेज एक इंटरफ़ेस के भीतर एक एकल स्क्रीन है। प्रत्येक पेज का नाम, आइकन और नेविगेशन में स्थिति होती है। पेज विजेट्स को कैनवस पर खींचकर बनाए जाते हैं और पूर्व-निर्मित टेम्पलेट्स से बनाए जा सकते हैं।
विजेट
विजेट्स पेज के निर्माण खंड हैं, जो 12-कॉलम ड्रैग-एंड-ड्रॉप ग्रिड पर रखे जाते हैं। पूरी सूची के लिए नीचे विजेट लाइब्रेरी अनुभाग देखें।
विजेट लाइब्रेरी
- AI
- डेटा
- कार्य
- सामग्री
| विजेट | विवरण |
|---|---|
| चैट | अपने एजेंटों के साथ AI चैट |
| एजेंट कार्ड | एजेंट चयन कार्ड |
| विजेट | विवरण |
|---|---|
| स्मार्ट टेबल | टेबल, समीक्षा, कानबन या डैशबोर्ड दृश्य |
| डैशबोर्ड | स्मार्ट टेबल एनालिटिक्स डैशबोर्ड |
| नॉलेज बेस | ज्ञान ब्राउज़ करें और खोजें |
| एनालिटिक्स | उपयोग एनालिटिक्स और फ़ीडबैक |
| चार्ट | डेटा विज़ुअलाइज़ेशन चार्ट |
| डेटा ग्रिड | स्मार्ट टेबल से सारणीय डेटा |
| फ़िल्टर | ड्रॉपडाउन या खोज फ़िल्टर |
| फ़ॉर्म फ़ील्ड | टेक्स्ट, संख्या, तिथि या चेकबॉक्स इनपुट |
| रिकॉर्ड पिकर | स्मार्ट टेबल से रिकॉर्ड चुनें |
| विजेट | विवरण |
|---|---|
| कार्य | उपलब्ध कार्यों की सूची |
| कार्य फ़ॉर्म | फ़ॉर्म के रूप में एकल कार्य |
| वर्कफ़्लो रन | वर्कफ़्लो रन स्थिति और इतिहास |
| निष्पादन इतिहास | वर्कफ़्लो निष्पादन इतिहास |
| विजेट | विवरण |
|---|---|
| दस्तावेज़ | दस्तावेज़ दर्शक और संपादक |
| बैठकें | बैठक प्रतिलेख और नोट्स |
| JSON बिल्डर | संरचित JSON संपादक |
| टेक्स्ट | रिच टेक्स्ट सामग्री |
| बटन | कार्यों के साथ इंटरैक्टिव बटन |
| छवि | छवि प्रदर्शित करें |
| संख्या / KPI | मीट्रिक या KPI प्रदर्शित करें |
शुरुआत कैसे करें
इंटरफ़ेस बनाना
- इंटरफ़ेस पर जाएं
प्रोजेक्ट साइडबार में इंटरफ़ेस पर क्लिक करें।
- नया इंटरफ़ेस बनाएं
- यदि अभी तक कोई इंटरफ़ेस मौजूद नहीं है, तो पेज के केंद्र में + अपना पहला इंटरफ़ेस बनाएं पर क्लिक करें।
- यदि इंटरफ़ेस पहले से मौजूद हैं, तो ऊपरी दाएं कोने में + नया इंटरफ़ेस पर क्लिक करें।
- अपने इंटरफ़ेस का नाम दें
एक नया इंटरफ़ेस मॉडल दिखाई देगा। नाम दर्ज करें और बनाएं पर क्लिक करें। आपको इंटरफ़ेस बिल्डर पर ले जाया जाएगा।
इंटरफ़ेस बिल्डर लेआउट
इंटरफ़ेस बिल्डर के अंदर, आपको तीन मुख्य क्षेत्र दिखाई देंगे:
| क्षेत्र | विवरण |
|---|---|
| बायां साइडबार | पेज सूची और विजेट्स पैनल |
| कैनवस | पेज संपादन क्षेत्र — यहां विजेट्स खींचकर बनाएं |
| दायां पैनल | चयनित विजेट के लिए कॉन्फ़िगरेशन सेटिंग्स |
शीर्ष पट्टी में निम्नलिखित नियंत्रण शामिल हैं:
अपने परिवर्तनों में पीछे या आगे कदम उठाएं।
डेस्कटॉप, टैबलेट और मोबाइल पूर्वावलोकन के बीच टॉगल करें।
संपादन मोड और इन-बिल्डर पूर्वावलोकन के बीच स्विच करें।
इंटरफ़ेस को नए टैब में अंतिम उपयोगकर्ताओं के रूप में खोलें।
कीबोर्ड के माध्यम से बिल्डर कार्यों तक त्वरित पहुँच।
अपना कार्य सहेजें या इंटरफ़ेस को सार्वजनिक URL पर प्रकाशित करें।
पेज बनाना
पेज जोड़ना
- नया पेज मॉडल खोलें
बाएं साइडबार में पेज के बगल में + पर क्लिक करें।
- टेम्पलेट चुनें
श्रेणी के अनुसार फ़िल्टर करें और उपलब्ध टेम्पलेट्स में से एक चुनें।
- पेज का नाम दें
मॉडल के नीचे पेज का नाम दर्ज करें।
- पेज बनाएं
पेज बनाएं पर क्लिक करें। पेज आपके इंटरफ़ेस में जोड़ा जाएगा और कैनवस पर खुलेगा।
विजेट्स जोड़ना
- विजेट खोजें
बाएं विजेट्स पैनल में, श्रेणी के अनुसार ब्राउज़ करें या खोज बार का उपयोग करें।
- कैनवस में जोड़ें
विजेट को कैनवस पर खींचें, या उसे स्वचालित रूप से रखने के लिए क्लिक करें।
- स्थिति और आकार बदलें
12-कॉलम ग्रिड पर विजेट्स को स्थानांतरित और आकार बदलें।
- विजेट कॉन्फ़िगर करें
दाएं पैनल में सेटिंग्स खोलने के लिए विजेट चुनें।
पेज प्रबंधन
पेज विकल्पों तक पहुँचने के लिए, साइडबार में पेज पर होवर करें और दिखाई देने वाले ⋯ (तीन-बिंदु मेनू) पर क्लिक करें।
नाम बदलें
नाम बदलें पर क्लिक करें।
आइकन बदलें
आइकन बदलें पर क्लिक करें।
समूह में जोड़ें
समूह में जोड़ें पर क्लिक करें।
पेज पुनर्क्रमित करें
पेज सूची में पेज पर क्लिक करें और खींचें।
हटाएं
हटाएं पर क्लिक करें। पुष्टि के लिए ठीक है पर क्लिक करें।
इंटरफ़ेस ब्रांडिंग
शीर्ष पट्टी में इंटरफ़ेस नाम के बगल में पैलेट आइकन पर क्लिक करें।
- सामान्य
- नेविगेशन
- रंग
- उन्नत
| सेटिंग | विवरण |
|---|---|
| प्रदर्शन शीर्षक | साइडबार हेडर में प्रदर्शित पाठ |
| लोगो URL | वर्गाकार छवि, 256×256 PNG अनुशंसित |
नेविगेशन लेआउट — नियंत्रित करता है कि अंतिम उपयोगकर्ता पेजों के बीच कैसे घूमते हैं:
| लेआउट | विवरण |
|---|---|
| साइडबार | बाईं ओर ऊर्ध्वाधर मेनू |
| शीर्ष पट्टी | सामग्री के ऊपर क्षैतिज नेविगेशन |
| फ़्लोटिंग | ड्रॉअर में हैम्बर्गर मेनू |
| कोई नेविगेशन नहीं | एकल-पेज मोड |
| सेटिंग | विवरण |
|---|---|
| प्राथमिक रंग | बटन, लिंक और सक्रिय स्थितियों के लिए उपयोग किया जाता है |
| एक्सेंट रंग (वैकल्पिक) | साइडबार एक्सेंट रंग |
| सेटिंग | विवरण |
|---|---|
| फ़ेविकॉन URL | ब्राउज़र टैब आइकन |
| कस्टम CSS | उन्नत स्टाइलिंग के लिए रनटाइम रूट पर लागू |
प्रकाशन
सहेजना और प्रकाशित करना अलग-अलग क्रियाएं हैं। प्रकाशित करने से पहले हमेशा अपने परिवर्तन सहेजें।
- प्रकाशन मॉडल खोलें
इंटरफ़ेस बिल्डर के ऊपरी दाएं कोने में प्रकाशित करें पर क्लिक करें।
- सार्वजनिक URL सेट करें
अपने इंटरफ़ेस के लिए URL स्लग दर्ज करें। केवल छोटे अक्षर, संख्याएं और हाइफ़न।
- सदस्य पहुँच प्रबंधित करें
उपयोगकर्ताओं की समीक्षा या जोड़ें।
- वेब पर प्रकाशित करें
वेब पर प्रकाशित करें पर क्लिक करें। आपका इंटरफ़ेस अब लाइव है।
कमांड पैलेट
⌘K (Mac) या Ctrl+K (Windows) दबाएं।
उपलब्ध कमांड
| कमांड | शॉर्टकट |
|---|---|
| परिवर्तन सहेजें | ⌘S |
| वेब पर प्रकाशित करें | — |
| पूर्वावलोकन टॉगल करें | — |
| अनडू | ⌘Z |
| रीडू | ⌘⇧Z |
| पेज पर स्विच करें | त्वरित नेविगेशन के लिए सभी पेज सूचीबद्ध करता है |
उपयोग के मामले
चैट कार्यक्षेत्र — एजेंट संदर्भ के साथ सहायता चैट
एनालिटिक्स डैशबोर्ड — KPI कार्ड और चार्ट
कार्य पैनल — वर्कफ़्लो ब्राउज़ करें और चलाएं
समस्या निवारण
इंटरफ़ेस दिखाई नहीं दे रहा
संभावित कारण:
- इंटरफ़ेस अभी तक प्रकाशित नहीं हुआ है
- आप गलत प्रोजेक्ट देख रहे हैं
- आपके पास आवश्यक अनुमतियाँ नहीं हैं
पेज लोड नहीं हो रहा
संभावित कारण:
- एक विजेट गलत तरीके से कॉन्फ़िगर किया गया है
- संदर्भित संसाधन मौजूद नहीं है
असहेजे परिवर्तन चेतावनी
शीर्ष पट्टी में असहेजे परिवर्तन सूचक प्रकट होता है। नवीनतम परिवर्तन लागू होने की गारंटी के लिए पूर्वावलोकन या प्रकाशन से पहले सहेजें पर क्लिक करें।