Прилага се на даден елемент или група за повтаряне на “мрежата”. Просто трябва да кликнете и завлечете грида. Може да се прилага както за текст, така и за изображения, или група такива. Също и за бутони. Позволява последващо редактирането им от към съдържание без това да повлияе на останалите. Така елементите остават свързани. Най-важното – от към стилове не е нужно да променяте всяко едно. Променяте основното и от там се променят и останалите. В случай, че искате най-малкото да не преповтаряте всяко ваше действие свързано с дадена секция, той ви позволява да repeat-нете елементите бързо. Този tool може да ви спести доста време и същевременно имате перфектно подравнени елементи.
Можете да активирате този feature с клавишната комбинация Ctrl+R (за windows), COMMAND+R (за macOS) или като кликнете върху бутончето в „панела със свойства“ (properties panel).
Не забравяйте и опциите за вертикално и хоризонтално „повтаряне“ вътре в решетката. Като винаги щом редактирате „разстоянието“ (margin) между два съседни повтарящи се елемента следва да се промени автоматично и разстоянието между останалите в „групата“.
Тук можете да видите и кратко представяне:
А самата промяна става чрез hover и клик. Следва да завлечете (drag) някое от ъгълчетата на елемента. Разбира се този feature може да се използва и за „повтаряне“ на една конкретна или група от 2 или повече картинки. Тук е и мястото да спомена и възможността да „завлечете“ множество картинки във вашия grid. Така те ще бъдат вмъкнати автоматично в реда, в който сте ги маркирали преди това, вместо да правите това за всяка една картинка поотделно.
Проблеми, които може да възникнат, когато използвате “repeat grids”
Ако например вече имате създаден такъв, но се пропуснали по-рано някакъв елемент и сега сте решили да го добавите, след което се налага да направите промени в широчината на контейнера, в който се съдържат > може да се получи нещо подобно:
За да избегнете това има два варианта:
- първият е просто да разгрупирате грида (ungroup grid) > да изтриете следващите (повтарящите се) секции > и след промените по общия контейнер > тогава да създадете отново грид. Но налага ли се да правим това всеки път когато сме забравили нещо?
- тук идва на помощ вторият вариант. Нека се върнем на момента, в който ни се бе наложило да правим тази промяна. След това да “повторим” грида хоризонтално до крайната точка, до която искаме да разширим контейнера. След което да увеличим spacing-а между колоните > да разширим вече нашият контейнер > след което вече можем спокойно да преместим нашите елементи. Получи се нали?
кратко preview:
