क्या draw.io अलग-अलग लेआउट में आकृतियों के नाम, रंग और लिंक सिंक कर सकता है?

कुछ हद तक। draw.io फ़ाइल-स्तरीय प्लेसहोल्डर के ज़रिए नाम साझा कर सकता है और डेटा से रंग तय कर सकता है, लेकिन इसके दस्तावेज़ों में अलग-अलग पेजों पर कॉपी की गई आकृतियों के नाम, रंग और लिंक को स्वचालित रूप से दोनों दिशाओं में सिंक करने की पुष्टि नहीं होती।

Mac डेस्कटॉप पर काम करते समय, मुख्य फ़ैसला यह है कि आपको एक डायग्राम का लेआउट बदलना है या अलग-अलग स्थितियों वाले कई संस्करण बनाए रखने हैं। लेआउट लागू करने से मौजूदा आकृतियाँ पुनर्व्यवस्थित होती हैं; अलग-अलग पेज बनाए रखने पर आपको अलग-अलग मानों और सेटिंग्स का प्रबंधन करना पड़ता है। नीचे दिया गया वर्कफ़्लो केवल सिंथेटिक नोड और दस्तावेज़ में वर्णित एडिटर सुविधाओं का उपयोग करता है। डायग्राम को पुनर्व्यवस्थित करने के लिए लेआउट लागू करें

आपको किस तरह का सिंक्रनाइज़ेशन चाहिए?

मान लें कि तीन आयताकार आकृतियाँ—Node A, Node B और Node C—एक चौड़े और एक लंबे विन्यास में दिखाई देती हैं। आप चाहते हैं कि हर नोड का नाम, भरण रंग और गंतव्य लिंक एक जैसा रहे, जबकि उसकी स्थिति अलग हो। इस अनुरोध में कई अलग-अलग काम शामिल हैं:

आवश्यकता	दस्तावेज़ में बताया गया तरीका	सीमा
मौजूदा आकृतियों का विन्यास बदलना	मौजूदा डायग्राम पर लेआउट लागू करें	मौजूदा ऑब्जेक्ट पुनर्व्यवस्थित होते हैं; समानांतर दृश्य बनाए नहीं रखे जाते
अलग-अलग पेजों पर नाम दोबारा उपयोग करना	लेबल में फ़ाइल-स्तरीय कस्टम प्रॉपर्टी का संदर्भ दें	साझा प्रॉपर्टी संपादित करें; लेबल को सीधे संपादित करना अलग काम है
डेटा के अनुसार आकृतियों को रंगना	पेज-स्तरीय स्टाइल नियम या समर्थित स्टाइल प्लेसहोल्डर इस्तेमाल करें	मिलते-जुलते डेटा और लागू नियमों को बनाए रखना होगा
दोहराई गई आकृतियों को एक ही गंतव्य देना	उनके लिंक स्पष्ट रूप से सेट करें	साझा लेबल से साझा गंतव्य की पुष्टि नहीं होती
किसी भी कॉपी को संपादित करके तीनों विशेषताएँ लागू करना	उद्धृत दस्तावेज़ों में इसका कोई पूरा वर्कफ़्लो स्थापित नहीं है	पेज की नकल को स्वचालित सिंक्रनाइज़ेशन प्रणाली न मानें

ये अंतर दस्तावेज़ों में बताए गए दायरों से निकलते हैं: फ़ाइल प्रॉपर्टी सभी पेजों पर साझा होती हैं, स्टाइल नियम अलग-अलग पेजों के होते हैं और लिंक आकृति के मेटाडेटा में संग्रहीत होते हैं। इनकी मदद से सुव्यवस्थित रखरखाव का वर्कफ़्लो बनाया जा सकता है, लेकिन इससे यह साबित नहीं होता कि अलग-अलग कॉपी एक ही संपादन योग्य ऑब्जेक्ट बन जाती हैं। ग्लोबल कस्टम प्रॉपर्टी, स्टाइल नियमों से आकृतियों की शैली बदलें, आकृति का मेटाडेटा संपादित करें

लेआउट बदलना हो, तो आकृतियों का एक ही सेट इस्तेमाल करें

अगर आपको एक समय में केवल एक ही विन्यास के साथ काम करना है, तो एक संपादन योग्य डायग्राम रखें। इससे एक-दूसरे के अनुरूप कॉपी बनाए रखने की व्यावहारिक समस्या नहीं आती। draw.io डेस्कटॉप macOS पर चलता है, इसलिए इस काम को ब्राउज़र में ले जाने की ज़रूरत नहीं है। draw.io को ऑफ़लाइन चलाएँ

तीन आयताकार आकृतियाँ बनाएँ और Node A को Node B से, फिर Node B को Node C से जोड़ें। जगह बदलकर देखने से पहले उन्हें मनचाहे लेबल, रंग और लिंक दें। फिर दस्तावेज़ में दिया गया लेआउट कमांड इस्तेमाल करें:

Arrange > Layout खोलें।
उपयुक्त लेआउट चुनें, जैसे क्षैतिज या ऊर्ध्वाधर फ़्लो लेआउट।
उसके विकल्प समायोजित करें और Apply पर क्लिक करें।
नतीजा देखें। अनुपयुक्त विन्यास को पूर्ववत करने के लिए Cmd+Z दबाएँ।

लेआउट मौजूदा आकृतियों पर काम करते हैं और उनकी जगह तय करने के लिए उनके कनेक्शन का उपयोग करते हैं। मौजूदा लेआउट दस्तावेज़ में केवल कनेक्टर की रूटिंग बदलने वाले लेआउट और आकृतियों को स्थानांतरित करने वाले लेआउट के बीच भी अंतर बताया गया है। इसलिए, प्रेज़ेंटेशन बदलने के लिए उन्हीं ऑब्जेक्ट को पुनर्व्यवस्थित करना समर्थित तरीका है; इससे मेल बैठाने के लिए प्रॉपर्टी का दूसरा सेट नहीं बनता। डायग्राम को तेज़ी से व्यवस्थित करने के लिए लेआउट लागू करें

एक अहम सीमा है: लगातार अलग-अलग लेआउट लागू करना, सेव किए गए दृश्यों के बीच स्विच करने जैसा नहीं है। दस्तावेज़ के अनुसार, लेआउट डायग्राम की मौजूदा स्थिति के आधार पर तय होते हैं, इसलिए दूसरा लेआउट लागू करने पर पहले वाला ढाँचा हमेशा ठीक उसी तरह वापस नहीं मिलता। अगर आपको अलग-अलग स्थितियाँ जस की तस और संपादन योग्य बनाए रखनी हैं, तो अलग-अलग पेज इस्तेमाल करें और नीचे दी गई रखरखाव विधि अपनाएँ। डायग्राम को पुनर्व्यवस्थित करने के लिए लेआउट लागू करें

अलग-अलग विन्यास वाले पेजों पर नोड के नाम साझा करें

एक साथ चौड़े और लंबे संस्करण चाहिए, तो दोनों पेज एक ही फ़ाइल में रखें। Wide नाम का पेज बनाएँ; बाद में उसकी नकल करके कॉपी का नाम Tall रखें। दस्तावेज़ में दिए गए पेज मेनू में Duplicate Page और Rename Page विकल्प उपलब्ध हैं। नकल करने से शुरुआती विन्यास मिलता है; साझा लेबल स्पष्ट रूप से सेट करें। अपने डायग्राम में कई पेज जोड़ें

फ़ाइल-स्तर पर नाम तय करें

File > Properties खोलें, Edit Data पर क्लिक करें और ये उदाहरण वाली प्रॉपर्टी जोड़ें:

प्रॉपर्टी	मान
`nodeAName`	`Node A`
`nodeBName`	`Node B`
`nodeCName`	`Node C`

हर प्रविष्टि के लिए Add Property इस्तेमाल करें, फिर Apply पर क्लिक करें। फ़ाइल प्रॉपर्टी हर पेज पर उपलब्ध होती हैं। इसके उलट, कुछ भी चुने बिना Edit Data पर क्लिक करने से मौजूदा पेज के लिए प्रॉपर्टी तय होती हैं। यही अंतर तय करता है कि लेआउटों के बीच नाम साझा किए जा सकते हैं या नहीं। ग्लोबल कस्टम प्रॉपर्टी

लेबल को उन नामों का संदर्भ देने दें

पहली आयताकार आकृति पर Cmd+M दबाएँ, Placeholders चालू करें और Apply पर क्लिक करें। उसका लेबल %nodeAName% रखें। दूसरी आकृतियों पर %nodeBName% और %nodeCName% दोहराएँ। प्लेसहोल्डर चालू करना और प्रॉपर्टी के नाम के दोनों ओर प्रतिशत चिह्न लगाना, दस्तावेज़ में बताया गया लेबल सेटअप है। लेबल और टूलटिप में प्लेसहोल्डर इस्तेमाल करें

अब पेज की नकल करें और कॉपी का लेआउट बदलें। बाद में तार्किक नोड का नाम बदलना हो, तो उसकी फ़ाइल प्रॉपर्टी बदलें। आकृति, कंटेनर या पेज में उसी नाम की प्रॉपर्टी न जोड़ें: अधिक विशिष्ट प्रॉपर्टी फ़ाइल की वैल्यू को ओवरराइड कर देती है। ग्लोबल कस्टम प्रॉपर्टी

लेबल को साझा नाम का संदर्भ समझें। इस वर्कफ़्लो में, दिखाए गए लेबल की जगह सीधे टेक्स्ट लिखने के बजाय फ़ाइल प्रॉपर्टी में नाम बदलें।

यह मानकर चले बिना रंग एकसमान रखें कि कॉपी आपस में जुड़ी हैं

छोटे डायग्राम के लिए, स्टाइल को सीधे अपडेट करना अक्सर पर्याप्त होता है। एक आयताकार आकृति की स्टाइल तय करें, Style टैब में Copy Style पर क्लिक करें, दूसरे पेज पर उसकी मेल खाती आकृति चुनें और Paste Style पर क्लिक करें। इससे कमांड चलाने के समय फ़ॉर्मैटिंग लागू होती है; बाद के बदलावों के बाद इसे दोहराएँ। आकृति और कनेक्टर की स्टाइल अलग-अलग कॉपी करनी पड़ती है। आकृतियों और कनेक्टर की स्टाइल कॉपी और पेस्ट करें

अगर केवल भरण रंग बदलना है, तो लक्ष्य आकृति पर Fill रंग नियंत्रण इस्तेमाल करें। पूरी स्टाइल कॉपी करने से मनचाहे रंग के अलावा और भी फ़ॉर्मैटिंग लागू हो सकती है। आकृतियों की स्टाइल बदलें

रंग के लिए दोहराए जा सकने वाला नियम बनाने हेतु पेज नियम इस्तेमाल करें

कई दोहराए गए नोड के लिए उदाहरण के तौर पर यह नियम तय करें: Node A के सभी रूप नीले हों। हर संबंधित आकृति में nodeKey नाम की कस्टम प्रॉपर्टी जोड़ें और उसकी वैल्यू A रखें। इसके लिए Cmd+M और Add Property इस्तेमाल करें। आकृतियों और कनेक्टर पर कस्टम प्रॉपर्टी समर्थित हैं। आकृति का मेटाडेटा संपादित करें

हर लेआउट पेज पर नियम सेट करें:

File > Page Setup खोलें, फिर Advanced चुनें।
Style Rules के पास Edit पर क्लिक करें, फिर Add Rule चुनें।
प्रॉपर्टी nodeKey के लिए तुलना = और वैल्यू A का मिलान तय करें।
Fill Color चुनें, नीला रंग चुनें और पुष्टि के लिए OK पर क्लिक करें।

यह नियम उसी पेज पर मेल खाने वाली आकृतियों की स्टाइल तय करता है। हर पेज के अपने नियम होते हैं और आकृतियाँ वहाँ कॉपी किए जाने पर गंतव्य पेज के नियम लागू होते हैं। Tall पेज पर भी यही नियम बनाएँ; बाद में नियम बदलने पर दोनों पेजों के नियम अपडेट करने होंगे। नियम लागू रहने पर सामान्य फ़ॉर्मैट नियंत्रण से उसका नियंत्रित स्टाइल नहीं बदला जा सकता। स्टाइल नियमों से आकृतियों की शैली बदलें

मौजूदा दस्तावेज़ में stylePlaceholders=1 के ज़रिए गतिशील रंग वैल्यू का भी समर्थन है, जिसमें fillColor=%color%;stylePlaceholders=1; स्टाइल अंश शामिल है। इससे साबित होता है कि रंग डेटा के अनुसार तय हो सकते हैं, लेकिन यह नहीं कि कॉपी की गई पूरी आकृति, उसके लिंक समेत, सिंक होती है। इसे सीधे भरण रंग या पेज नियमों के उन्नत विकल्प के रूप में देखें। AI डायग्राम जनरेशन के लिए स्टाइल संदर्भ

लिंक अलग से सेट करें और उनके गंतव्य जाँचें

Details नाम का तीसरा पेज जोड़ें। हर लेआउट में Node A की आयताकार आकृति पर राइट-क्लिक करें, Edit Link चुनें, पेज सूची से Details चुनें और Apply पर क्लिक करें। इससे दोनों आयताकार आकृतियों के लिए एक ही स्पष्ट गंतव्य तय होता है। पेज दस्तावेज़ में यह भी कहा गया है कि गंतव्य पेज का नाम बदलने पर उससे जुड़े पेज का नाम अपने आप अपडेट हो जाता है। अपने डायग्राम में कई पेज जोड़ें

साझा नाम से यह साबित नहीं होता कि गंतव्य भी एक जैसे हैं। दस्तावेज़ में बताया गया link प्रॉपर्टी आकृति के मेटाडेटा का हिस्सा है, इसलिए गंतव्य बदलते समय दोनों आयताकार आकृतियों की जाँच करें। आकृति का मेटाडेटा संपादित करें

कस्टम ऐक्शन लिंक के लिए, draw.io ऐक्शन सूची या पूरा सेल मेटाडेटा कॉपी करने की सुविधा बताता है। दूसरे तरीके में Style टैब के भीतर Edit > Copy Data और Edit > Paste Data इस्तेमाल होते हैं। इससे टैग, टूलटिप और प्लेसहोल्डर जैसे अन्य मेटाडेटा भी कॉपी होते हैं। इसका इस्तेमाल उन्हीं लक्ष्यों पर करें जिन्हें मेटाडेटा का एक जैसा पूरा सेट देना हो। कस्टम लिंक और सेल मेटाडेटा कॉपी करें

और लेआउट जोड़ने से पहले नतीजा जाँचें

सिंथेटिक डायग्राम पर यह छोटी जाँच करें। इससे साझा वैल्यू और उन प्रॉपर्टी में अंतर स्पष्ट होता है जिनके रखरखाव के लिए अब भी जान-बूझकर कार्रवाई करनी पड़ती है:

जाँच	अपेक्षित नतीजा
फ़ाइल प्रॉपर्टी `nodeAName` को `Node A Revised` में बदलें	दोनों प्लेसहोल्डर लेबल पर नया नाम दिखे
`Tall` पर आयताकार आकृति को स्थानांतरित करें	मनचाहा स्वतंत्र विन्यास काम करता रहे
दोनों पेज पर नीले रंग का नियम लागू करें	दोनों संबंधित आयताकार आकृतियों में चुना हुआ भरण रंग दिखे
हर आयताकार आकृति का लिंक देखें	दोनों `Details` पर जाएँ
मनचाहा गंतव्य बदलें	हर प्रभावित लिंक को स्पष्ट रूप से अपडेट करके जाँचें

अगर लेबल पर %nodeAName% जस का तस दिखाई दे, तो देखें कि Placeholders चालू है और प्रॉपर्टी का नाम सही है। अगर केवल एक लेबल पर अनपेक्षित वैल्यू दिखे, तो उसकी आकृति, पैरेंट और पेज की प्रॉपर्टी जाँचें कि कहीं वे वैल्यू को ओवरराइड तो नहीं कर रही हैं। प्लेसहोल्डर और दायरे से जुड़ी समस्याओं के लिए दस्तावेज़ में यही जाँचें बताई गई हैं। लेबल और टूलटिप में प्लेसहोल्डर इस्तेमाल करें, ग्लोबल कस्टम प्रॉपर्टी

Mac डेस्कटॉप के इस काम के लिए स्प्रेडशीट रिफ़्रेश वर्कफ़्लो का विकल्प न अपनाएँ। डेटा स्रोतों का मौजूदा दस्तावेज़ स्पष्ट रूप से कहता है कि draw.io डेस्कटॉप में डेटा स्रोत लोड नहीं किए जा सकते। इसमें यह भी कहा गया है कि रिफ़्रेश मैन्युअल होता है और टेम्पलेट के # link निर्देश से दिए गए लिंक इस्तेमाल नहीं होते। इसलिए, इस सुविधा से डेस्कटॉप पर माँगा गया सिंक्रनाइज़ेशन हासिल नहीं होता। Google Sheets और CSV फ़ाइलों से आकृतियाँ भरें और बनाएँ

एक समय में एक विन्यास चाहिए, तो आकृतियों का एक ही सेट रखें और उसे पुनर्व्यवस्थित करें। कई स्थायी लेआउट चाहिए, तो साझा नाम प्रॉपर्टी, रंग का स्पष्ट नियम और अलग-अलग बनाए रखे गए लिंक इस्तेमाल करें। इससे नतीजा उपयोगी और जाँचने योग्य रहता है, और दस्तावेज़ों में बताई गई सीमा भी स्पष्ट रहती है: यह स्थापित नहीं है कि कॉपी की गई आकृतियाँ तीनों विशेषताओं को कहीं से भी संपादित करने वाली स्वचालित प्रणाली बन जाती हैं।