Witam wszystkich,
Zoho ogłosiło wprowadzenie Flex, zupełnie nowego komponentu dla Canvas w Zoho CRM! Flex zapewnia większą kontrolę nad sposobem prezentacji danych w layoutach. Komponent ten ułatwia tworzenie responsywnych projektów, które płynnie dostosowują się do różnych urządzeń i rozmiarów ekranu, oferując lepsze wrażenia wszystkim użytkownikom.
Co można osiągnąć dzięki Flex?
Dodanie komponentu Flex do układu pomaga tworzyć wysoce konfigurowalne, adaptacyjne projekty, zwiększając zarówno wizualizację danych, jak i zaangażowanie użytkowników.
Dzięki komponentowi Flex, układ Canvas zawsze będzie wyglądał na dopracowany - niezależnie od rozmiaru ekranu.
Użyj komponentu Flex, gdy potrzebujesz układów, które są
Responsywne: Łatwo dostosowują się do każdego rozmiaru lub orientacji urządzenia.
Elastyczne: Elementy mogą się dynamicznie powiększać, zmniejszać lub wyrównywać w zależności od potrzeb.
Wyśrodkowany: Wyrównaj elementy idealnie na środku, zarówno w pionie, jak i w poziomie.
Równomiernie rozmieszczone: Rozmieść elementy równomiernie w komponencie, aby uzyskać czysty, uporządkowany wygląd.
Oparte na wierszach lub kolumnach: Ułóż elementy bez wysiłku w rzędach lub kolumnach.
Spójrz poniżej, aby zobaczyć, jak wygląda rekord przy użyciu układu Canvas zaprojektowanego przy użyciu komponentów Flex - automatycznie dostosowuje się on w miarę aktualizacji informacji.

Rodzaje komponentów Flex
Istnieją trzy typy komponentów Flex do wyboru, w zależności od tego, jak chcesz zorganizować swój układ Canvas:
Flex pionowy
Układa elementy pionowo (jeden pod drugim) w obrębie komponentu. Idealny do układów takich jak wizytówki, profile użytkowników lub szczegóły produktu.

Flex poziomy
Umieść elementy poziomo (obok siebie) w komponencie. Idealny do porównań, takich jak raporty sprzedaży, wskaźniki KPI lub widoki osi czasu.

Wrap Flex
Zezwala na zawijanie elementów do następnej linii, gdy przekroczą one dostępną przestrzeń. Najlepiej nadaje się do gęstych układów, takich jak siatki produktów lub kalendarze wydarzeń.

W jaki sposób Flex umożliwia responsywne projektowanie?
Flex wprowadza kilka zaawansowanych funkcji, które automatycznie dostosowują układy, zapewniając płynne wrażenia użytkownika:
Auto Responsive
Elementy automatycznie zmieniają układ lub rozciągają się w zależności od rozmiaru komponentu, zachowując stałą minimalną szerokość, bez konieczności ręcznego dostosowywania.
Automatyczna kolumna
Elementy są organizowane w wielu wierszach w oparciu o liczbę ustawionych kolumn, dzięki czemu nie nakładają się na siebie ani nie tworzą bałaganu.
Ustawienia minimalnej i maksymalnej szerokości
Zdefiniuj, jak szerokie lub wąskie mogą być elementy, upewniając się, że krytyczne informacje pozostają wyraźne i dostępne.

Uwaga: Nie można jednocześnie włączyć opcji Auto Responsive i Auto Column. Wybranie jednej z nich automatycznie dezaktywuje drugą.Zaawansowane narzędzia Flex dla większej personalizacji
Flex oferuje również zestaw zaawansowanych opcji, które pozwalają jeszcze bardziej dostosować układ:
Flex Item Alignment: Precyzyjnie kontroluj sposób wyrównania każdego elementu w elastycznym kontenerze.
Flex Item Gaps: Zachowaj spójne odstępy między elementami, aby uzyskać zrównoważony, schludny wygląd.
Flex Item Hug: Umożliwia dynamiczne zmniejszanie lub rozszerzanie elementów w zależności od rozmiaru ich zawartości.
Elementy podrzędne Flex: Zarządzaj zachowaniem elementów zagnieżdżonych w komponencie Flex w celu lepszej kontroli układu.
Fill Width: Rozciągnij elementy, aby pokryć całą szerokość pionowego kontenera Flex, aby uzyskać pełny, jednolity wygląd.
Convert to Flex: Szybkie grupowanie wielu elementów w kontener Flex, aby zaoszczędzić czas i wysiłek.
Replace with Section / Replace with Flex: Płynne przełączanie między sekcją a komponentem Flex (i odwrotnie) bezpośrednio w kreatorze Canvas - bez konieczności zakłócania układu.
Ten nowy dodatek daje możliwość tworzenia intuicyjnych, atrakcyjnych układów dostosowanych do potrzeb klientów. Zanurz się w Flex już dziś i ulepsz swoje doświadczenie w budowaniu Canvas!
Więcej informacji można znaleźć na stronie pfc-group.com.