מזהה GRid

אפשר גם להגדיר רשת בסביבת העבודה הראשית של blockly. ניתן ליצור בלוקים שיצנחו לרשת, וכך לאפשר פריסה נקייה יותר. האפשרות הזו שימושית במיוחד באפליקציות גדולות יותר עם מספר קיבוצי קוד שמפוזרים על פני אזור גדול.

הגדרות הרשת נקבעות על ידי אובייקט שנכלל בהגדרה שלBlockly. לדוגמה:

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

ריווח

מאפיין הרשת החשוב ביותר הוא spacing, שמגדיר את המרחק בין הנקודות ברשת. ערך ברירת המחדל הוא 0, ולכן לא מוצגת רשת. הנה דוגמאות של ערכי spacing שמוגדרים ל-10, ל-20 ול-40:

אורך

המאפיין length הוא מספר שמגדיר את הצורה של נקודות הרשת. אורך של 0 יוצר רשת בלתי נראית (אבל עדיין אפשר להצמיד אותה לרשת), אורך של 1 (ערך ברירת המחדל) יגרור נקודות, אורך ארוך יותר יוביל לחצות ואורך שווה (או גדול יותר) שווה לזה של המרווחים בנייר הגרף. הנה דוגמאות של length שהוגדרו כ-1, 5 ו-20:

צבע

המאפיין colour הוא מחרוזת שקובעת את צבע הנקודות. חשוב לשים לב לאיות הבריטי. צריך להשתמש בכל פורמט שתואם ל-CSS, כולל #f00, #ff0000 או rgb(255, 0, 0). ערך ברירת המחדל הוא #888. הנה דוגמאות של colour שהוגדרו ל-#000, ל-#ccc וגם ל-#f00:

הצמד

המאפיין snap הוא ערך בוליאני שקובע אם בלוקים צריכים להצמיד לנקודת הרשת הקרובה ביותר כשמציבים אותם בסביבת העבודה. ערך ברירת המחדל הוא false.