ग्रिड

ब्लॉकली के मुख्य फ़ाइल फ़ोल्डर में वैकल्पिक तौर पर ग्रिड हो सकता है. ब्लॉक को ग्रिड पर स्नैप करने के लिए बनाया जा सकता है. इससे ग्रिड को साफ़ बनाया जा सकता है. यह ख़ास तौर पर उन बड़े ऐप्लिकेशन में मददगार होता है जिनमें कई कोड ग्रुप होते हैं जो एक बड़े इलाके में फैले हुए होते हैं.

ग्रिड की सेटिंग एक ऐसे ऑब्जेक्ट से तय की जाती हैं जो Blockly के कॉन्फ़िगरेशन का हिस्सा होता है. उदाहरण के लिए:

var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox'),
     grid:
         {spacing: 20,
          length: 3,
          colour: '#ccc',
          snap: true},
     trashcan: true});

स्पेसिंग

सबसे ज़रूरी ग्रिड प्रॉपर्टी spacing है, जो ग्रिड के बिंदुओं के बीच की दूरी तय करती है. डिफ़ॉल्ट वैल्यू 0 है, जिसकी वजह से कोई ग्रिड नहीं मिलती है. यहां 10, 20, और 40 पर सेट की गई spacing के उदाहरण दिए गए हैं:

लंबाई

length प्रॉपर्टी एक संख्या है, जो ग्रिड पॉइंट के आकार के बारे में बताती है. 0 की लंबाई, एक नहीं दिखने वाले ग्रिड (लेकिन इसे स्नैप किया जा सकता है) में होती है, 1 (डिफ़ॉल्ट वैल्यू) की लंबाई डॉट में होती है, लंबी लंबाई वाले नतीजे क्रॉस में होते हैं, और यह ग्राफ़ पेपर में मौजूद स्पेसिंग के नतीजों के बराबर या उससे ज़्यादा होता है. 1, 5, और 20 पर सेट किए गए length के उदाहरण यहां दिए गए हैं:

रंग

colour प्रॉपर्टी एक स्ट्रिंग है, जो पॉइंट के रंग सेट करती है. ब्रिटिश स्पेलिंग पर ध्यान दें. सीएसएस के साथ काम करने वाले किसी भी फ़ॉर्मैट का इस्तेमाल करें. इसमें #f00, #ff0000 या rgb(255, 0, 0) शामिल हैं. डिफ़ॉल्ट वैल्यू #888 है. यहां #000, #ccc, और #f00 पर सेट colour के उदाहरण दिए गए हैं:

स्नैप करें

snap प्रॉपर्टी एक बूलियन है. इससे यह तय होता है कि फ़ाइल फ़ोल्डर में ब्लॉक डाले जाने पर, उसे सबसे पास के ग्रिड पॉइंट पर स्नैप करना चाहिए या नहीं. डिफ़ॉल्ट वैल्यू false है.