Przykład: tworzenie formatki dla tabletów i smartfonów

1. Utwórz widok formatki o etykiecie Findings CV (Widok formatki Spostrzeżenia).
2. Na stronie Układ dodaj następujące elementy sterujące w kolejności od góry do dołu:
   • Sekcja
   • Tekst wyjściowy
   • Sekcja
   • Obszar tekstu

   Elementy w układzie są domyślnie rozmieszczone pionowo, co powoduje, że elementy sterujące są ułożone jeden na drugim.

3. Wybierz pierwszą sekcję i zmień konfigurację układu na poziomy. Powtórz ten krok dla drugiej sekcji.
4. W pierwszej sekcji dodaj element sterujący Pojedynczy wybór i element sterujący Tekst. Zmień etykietę elementu sterującego Wybór na wartość Budynek, a elementu sterującego Tekst na wartość Sprawdzony obszar.
5. Zmień etykietę elementu sterującego Tekst wyjściowy na wartość Spostrzeżenia.
6. W drugiej sekcji dodaj sześć elementów sterujących Pole wyboru. Zmień etykiety elementów sterujących Pole wyboru na Overhead (Prace na wysokości), Electrical (Komponenty elektryczne), Furniture (Umeblowanie), Lighting (Oświetlenie), Trip (Przejazd) i Other (Inne).
7. Zmień etykietę obszaru tekstowego na Comments (Komentarze).

Układ widoku formatki wygląda jak na poniższym zrzucie ekranu:

1. Wybierz pierwszą sekcję. W obszarze właściwości ogólnych ustaw opcję Widoczność etykiety na wartość Ukryj. Powtórz ten krok dla drugiej sekcji.
2. We właściwościach konfiguracyjnych pierwszej sekcji włącz opcję Automatyczne zawijanie. Powtórz ten krok dla drugiej sekcji. Gdy ta właściwość jest ustawiona, to w przypadku braku wystarczającej ilości miejsca do wyświetlenia wszystkich elementów sterujących obok siebie niektóre z nich są umieszczane poniżej i nie są wyświetlane paski przewijania.
3. Wybierz sekcję poziomą zawierającą pola wyboru. W obszarze opcji konfiguracyjnych tej sekcji włącz opcję Styl > Pokaż ramkę.
4. Kliknij opcję Zapisz lub Zakończ edytowanie.

1. Utwórz widok formatki o etykiecie Inspection CV (Widok formatki Inspekcja).
2. Na stronie Zmienne dodaj następujące opcje konfiguracyjne:
   • inspector(String)
   • inspectionDate(Date)
   Podczas tworzenia opcji konfiguracyjnych należy pamiętać o konieczności ustawienia ich typów na wartości String i Date.
   
3. Na stronie Układ dodaj element sterujący Tekst i element sterujący Okno wyboru daty. Zmień etykietę elementu sterującego Tekst na Inspector (Inspektor), a etykietę elementu sterującego Okno wyboru daty na Inspection date (Data inspekcji).
4. Wybierz element sterujący Inspector (Inspektor), a następnie w obszarze jego właściwości ogólnych utwórz powiązanie ze zmienną inspector.
   
5. Kliknij opcję Zapisz lub Zakończ edytowanie.

1. Utwórz usługę personelu po stronie klienta z etykietą Inspection (Inspekcja).
2. W diagramie usługi personelu po stronie klienta zmień nazwę formatki na Inspection Report (Raport z inspekcji).
   

1. Na stronie Formatki wybierz formatkę Raport z inspekcji, a następnie wybierz układ siatki z dwoma kolumnami.
2. Kliknij opcję Siatka, a następnie dodaj siatkę z pojedynczą kolumną poniżej siatki z dwoma kolumnami. Kliknij przycisk wyrównania w środku komórki, aby wyrównać jej zawartości poziomo.
   
3. W siatce z dwoma komórkami przeciągnij ramkę między nimi, tak aby lewa komórka zajmowała 8 z 12 kolumn. Edytor wyświetla kolumny po rozpoczęciu przeciągania ramki.
4. Kliknij przycisk Treść, aby przejść do trybu treści.
5. Przeciągnij sekcję do pierwszej komórce, a następnie przeciągnij inną sekcję do drugiej komórki. Zmień nazwę pierwszej sekcji na Findings (Spostrzeżenia) i nazwę drugiej sekcji na Inspection (Inspekcja).
   
6. Dodaj dwa przyciski do siatki z pojedynczą komórką, a następnie przeciągnij przycisk OK do tej komórki.
   
7. Zmień nazwę pierwszego przycisku na Cancel (Anuluj), nazwę drugiego na Save (Zapisz), a nazwę przycisku OK na Submit Report (Wyślij raport).
8. W sekcji Findings (Spostrzeżenia) dodaj widok formatki Widok formatki Spostrzeżenia. W sekcji Inspection (Inspekcja) dodaj widok formatki Widok formatki Inspekcja.
   
9. Kliknij opcję Zapisz lub Zakończ edytowanie.
10. Uruchom usługę personelu Inspection (Inspekcja). Zostanie otwarta przeglądarka WWW z wyświetloną formatką.
    

1. Otwórz widok formatki Findings (Spostrzeżenia) i wybierz element sterujący Building (Budynek).
2. We właściwościach pozycji ustaw odstęp na 0px 20px 0px 0px (0 piks. 20 piks. 0 piks. 0 piks.). W polu Odstęp pierwsza liczba odpowiada górnemu odstępowi, druga liczba odpowiada prawemu odstępowi, trzecia liczba odpowiada dolnemu odstępowi, a czwarta liczba odpowiada lewemu odstępowi.
   

   Można również kliknąć ikonę obok pola Odstęp. W wyświetlonym oknie wpisz 20px (20 piks.) w polu Prawy i 0px (0 piks.) w pozostałych polach. Kliknij przycisk OK.

1. Otwórz usługę personelu i przejdź do średniego ekranu, klikając opcję na palecie.
2. Kliknij przycisk Siatka i wybierz komórkę Inspection (Inspekcja). W obszarze właściwości komórki ustaw dla opcji Widoczność wartość Ukryj. Na palecie zostanie wyświetlona komórka jako element niewidoczny.
3. Przeciągnij ramkę komórki Findings (Spostrzeżenia) w taki sposób, aby zajmowała całą sieć.
4. Kliknij opcję Zapisz lub Zakończ edytowanie.
5. Ponownie uruchom usługę personelu. Sekcja Inspection (Inspekcja) jest widoczna, jeśli szerokość przeglądarki przekracza 1024 piksle. Jeśli szerokość zostanie ograniczona do wartości równej 1024 piksli lub mniejszej, sekcja Inspection (Inspekcja) nie jest widoczna.
   

1. Przejdź do małego ekranu, klikając opcję na palecie.
2. Wybierz komórkę, która zawiera przyciski. W obszarze właściwości komórki ustaw dla opcji Orientacja wartość Pionowo.
3. Kliknij opcję Zapisz lub Zakończ edytowanie.
4. Ponownie uruchom usługę personelu. Jeśli szerokość przeglądarki będzie mniejsza niż 640 piksli, przyciski zostaną ułożone pionowo.