Zmiana szerokości komponentów

• Siatka kolumnowa: Eximee Designer opiera układ formularza na siatce kolumn. Każda strona wniosku ma ustaloną liczbę kolumn (domyślnie 10 kolumn) przeznaczonych na komponenty. Liczbę kolumn formularza ustala się podczas tworzenia szablonu i każda nowo dodana strona dziedziczy tę wartość.

• Sekcje a układ kolumn: Komponent Sekcja domyślnie dziedziczy liczbę kolumn strony, ale można ustawić dla niego własną liczbę kolumn. Oznacza to, że jeśli strona ma np. 10 kolumn, wybrana sekcja może mieć np. 16 kolumn – wewnątrz takiej sekcji komponenty ułożą się w drobniejszej siatce, dając większą elastyczność układu.

• Szerokość komponentu: Każdy komponent może zajmować od jednej kolumny do pełnej szerokości (wszystkie kolumny) w swojej sekcji/stronie. Szerokość komponentu (w liczbie kolumn) można zmienić bezpośrednio w edytorze – w trybie edycji złap komponent za jego prawą lub lewą krawędź i przeciągnij, aby rozszerzyć lub zwęzić element. W trakcie przeciągania pojawia się zielony cień pokazujący nowy rozmiar komponentu oraz liczba na środku komponentu informująca, ile kolumn będzie on zajmował po puszczeniu. Aktualna szerokość komponentu (w kolumnach) jest również widoczna we właściwościach danego komponentu, w sekcji Stylizacja.

• Elastyczność układu: Liczbę kolumn układu można zwiększać w razie potrzeby – nowe kolumny zostaną dodane po prawej stronie formularza. Zmniejszanie liczby kolumn jest również możliwe, jednak przed obniżeniem tej wartości należy najpierw zwęzić komponenty na stronie/sekcji, tak aby żaden nie zajmował więcej kolumn niż nowa planowana szerokość. Dzięki temu układ pozostaje spójny i komponenty nie „wypadną” poza nowy rozmiar siatki.

Przykłady

• Rozciągnięcie komponentu na więcej kolumn: W trybie edycji najedź kursorem na komponent, złap za jego prawą lub lewą krawędź i przeciągnij, aby zwiększyć jego szerokość. Podczas przeciągania komponentu zobaczysz zielony podświetlony obszar wskazujący nowy rozmiar oraz liczbę kolumn, które komponent będzie zajmować. Po puszczeniu przycisku myszy komponent zostanie rozszerzony do nowej szerokości.

• Dwa komponenty w jednym wierszu: Aby ustawić dwa komponenty obok siebie w tym samym rzędzie, upewnij się, że pierwszy z nich nie zajmuje pełnej szerokości strony/sekcji. Przeciągnij jego krawędź, zmniejszając szerokość tak, aby pozostawić wolne kolumny w wierszu. Następnie dodaj (lub przenieś) drugi komponent – jeżeli suma szerokości obu elementów nie przekracza całkowitej liczby kolumn, drugi komponent ustawi się obok pierwszego w jednym wierszu. Przykładowo: dla układu 10-kolumnowego dwa komponenty o szerokości 5 kolumn każdy wypełnią wspólnie cały wiersz.

• Ustawienie komponentu na pełną szerokość: Jeśli chcesz, aby komponent zajmował całą szerokość sekcji lub strony, rozszerz go na maksymalną liczbę kolumn. Można to zrobić poprzez przeciągnięcie krawędzi komponentu aż do końca wiersza (do pełnej szerokości kontenera) albo wpisując docelową liczbę kolumn we właściwościach komponentu (pole Liczba kolumn w sekcji Stylizacja). Komponent ustawiony na pełną szerokość będzie zajmować wszystkie kolumny dostępne w danym wierszu.

Najczęstsze pytania (FAQ)

• Ile kolumn ma standardowa strona? Domyślnie nowo utworzony formularz (wniosek) podzielony jest na 10 kolumn – taką wartość można zmienić podczas tworzenia szablonu. Jeśli nie zostanie zmieniona, wszystkie strony wniosku będą używać tej domyślnej liczby kolumn.

• Czym różni się layout sekcji od layoutu strony? Strona posiada globalnie ustawioną liczbę kolumn (wspólną dla całej strony). Sekcja jest komponentem-kontenerem wewnątrz strony – domyślnie przejmuje ona liczbę kolumn strony, ale można przypisać jej inną liczbę kolumn. W praktyce pozwala to zdefiniować niezależną siatkę w obrębie sekcji (np. sekcja może mieć więcej kolumn niż strona), co daje swobodę w rozmieszczaniu elementów wewnątrz tej sekcji.

• Jak ustawić własny układ kolumn? Liczbę kolumn strony można zmienić po utworzeniu formularza, edytując jego definicję. W trybie edycji wniosku przejdź do zakładki Źródło i odszukaj definicję danej strony, następnie zmień atrybut numColumns w sekcji system:Page.layout na żądaną wartość (np. 12). W przypadku sekcji zmiana układu kolumn jest dostępna bezpośrednio w Designerze – we właściwościach komponentu Sekcja (sekcja Układ) wyłącz dziedziczenie kolumn i wpisz własną liczbę kolumn dla tej sekcji. Zwiększenie liczby kolumn nie stanowi problemu (nowe kolumny zostaną dodane z prawej strony); przy zmniejszaniu liczby kolumn pamiętaj natomiast, by najpierw odpowiednio zwęzić komponenty w danym układzie, tak aby żaden nie przekraczał nowej mniejszej szerokości.

Należy pamiętać, że przed zmniejszeniem liczby kolumn trzeba najpierw zwęzić komponenty. Można to zrobić w widoku Wniosek lub w Źródle ustawiając opcję horizontalSpan na taką jak liczba kolumn lub mniejszą.