Dodawanie wypełnienia do warstw układu
Aby ustawić wysokość warstw układu i określić odstęp u ich góry lub dołu, zmień w Figmie właściwość Auto Layout Vertical Padding.
Aby ustawić szerokość treści wewnątrz warstw układu i określić odstęp po ich lewej lub prawej stronie, zmień w Figmie właściwość Auto Layout Horizontal Padding.
Wysokość każdej warstwy Row lub Column zawsze ustawiaj za pomocą Padding (z właściwością wysokości Auto Layout warstwy ustawioną na Hug). Wysokości Fixed ustawione w Figmie nie zostaną przeniesione do końcowego HTML, ponieważ wysokość elementów HTML wynika z rozmiaru ich treści (plus wypełnienia u góry i u dołu). Dlatego Padding to najbardziej niezawodny sposób projektowania wyglądu e-maili przeznaczonych do eksportu do HTML.
Dodawanie zewnętrznego wypełnienia wokół kilku warstw Row
Jeśli chcesz dodać wypełnienie wokół kilku rzędów, dodaj do e-maila specjalną warstwę układu Wrapper. Kliknij ramkę Emailify, wybierz Row Wrapper z listy rozwijanej Quick Add, a następnie kliknij Add +, aby wstawić ją do e-maila jako nową warstwę Figmy.
Po dodaniu warstwy Wrapper do projektu przenieś do niej swoje warstwy Row i zmień w Figmie właściwości Auto Layout Horizontal Padding i Vertical Padding, aby utworzyć zewnętrzne wypełnienie wokół warstw Row wewnątrz warstwy Wrapper.
Dodawanie wewnętrznego wypełnienia do warstw tekstowych
Opcjonalnie możesz dodać wewnętrzne wypełnienie tekstu. Zaznacz warstwę tekstową Figmy w e-mailu przy otwartym panelu Settings, włącz przełącznik Inner Padding i wpisz wartości wypełnienia, które chcesz zastosować do zaznaczonej warstwy tekstowej.
Doda to dodatkowe wypełnienie „wewnętrzne” w warstwie tekstowej po wyrenderowaniu do HTML, dzięki czemu możesz ustawić wypełnienie wybranych warstw tekstowych w kolumnie bez wpływu na inne warstwy.
Opcjonalnie możesz też nadpisać wypełnienie dowolnej warstwy tekstowej na urządzeniach mobilnych. Włącz przełącznik Mobile Padding i wpisz wartości wypełnienia dla zaznaczonej warstwy tekstowej – będą widoczne tylko podczas oglądania e-maila HTML na urządzeniu mobilnym.
Dodawanie wewnętrznego wypełnienia do linii podziału
Opcjonalnie możesz dodać wewnętrzne wypełnienie do linii podziału. Zaznacz warstwę linii podziału Emailify w e-mailu przy otwartym panelu Settings, włącz przełącznik Inner Padding i wpisz wartości wypełnienia, które chcesz zastosować do zaznaczonej warstwy linii podziału.
Doda to dodatkowe wypełnienie „wewnętrzne” w warstwie linii podziału po wyrenderowaniu do HTML, dzięki czemu możesz ustawić wypełnienie wybranych warstw tekstowych w kolumnie bez wpływu na inne warstwy.
Opcjonalnie możesz też nadpisać wypełnienie dowolnej warstwy linii podziału Emailify na urządzeniach mobilnych. Włącz przełącznik Mobile Padding i wpisz wartości wypełnienia dla zaznaczonej warstwy linii podziału – będą widoczne tylko podczas oglądania e-maila HTML na urządzeniu mobilnym.