Układ sekcji

Qalcwise jest zbudowany z myślą o możliwości uruchomienia na większości dzisiejszych urządzeń wyposażonych w przeglądarkę internetową. Z tego też względu każda stworzona przez designera aplikacja jest domyślnie responsywna - automatycznie dostosowuje się do wielkości ekranu przeglądarki internetowej użytkownika. Wiedza na temat zachowania wyglądu aplikacji przy różnych rozdzielczościach ekranu umożliwi Ci stworzenie interfejsu aplikacji, który wygląda równie dobrze na urządzeniach mobilnych, jak i komputerach stacjonarnych.

Podstawowym zachowaniem położenia sekcji przy różnych rozdzielczościach jest zawijanie sekcji poniżej wiersza w którym się znajduje, jeśli szerokość wiersza przestaje się mieścić w szerokości okna przeglądarki. W ten sposób sekcje zawsze są widoczne, nawet gdy wiersz nie mieści się w oknie przeglądarki użytkownika. 

Przykład:

 

  1. Trzy sekcje mieszczą się w wierszu.
  2. Dwie sekcje mieszczą się w wierszu. Ostatnia sekcja zostaje zawinięta poniżej wiersza w którym się znajdowała.
  3. Tylko jedna sekcja mieści się w wierszu. Sekcje zostają zawinięte do lewej strony tworząc pojedynczą kolumnę sekcji.

Zachowanie to może zostać zmodyfikowane przez użytkownika przy wykorzystaniu mechanizmu auto szerokości.

Uwaga, auto szerokość nie może zostać ustalona dla arkuszy kalkulacyjnych oraz tabel danych.

Ustawienie auto szerokości umożliwia ustalenie stałej wielkości sekcji w stosunku do ekranu aplikacji. W zależności od ustawienia, sekcja zajmuje od 1 do 6 części wydzielonego obszaru ekranu. Jeśli sekcje znajdujące się w jednym wierszu zajmują razem więcej niż 6 pól, ostatnia sekcja zostanie zawinięta do kolejnego wiersza.

 

Przykłady:

  1. Obie sekcje się mieszczą zajmując powierzchnię nie większą niż rozmiar ekranu

  zajmuje 4/6,  zajmuje 2/6

  zajmuje 2/6,  zajmuje 4/6

  1. Druga sekcja się nie mieści ponieważ suma zajmowanych pól to 5 + 3 = 8 > 6. Zostaje ona zawinięta poniżej sekcji pierwszej znajdującej się z lewej strony.

  zajmuje 5/6,  zajmuje 3/6

 

Aby ustawić auto szerokość sekcji zaznacz ją w obszarze roboczym designera i przejdź do właściwości:

Masz więcej pytań? Wyślij zlecenie

0 Komentarze

Komentarze do artykułu są zablokowane.
Oparte na technologii Zendesk