Wymóg
Utwórz kwestionariusz typu macierzowego (poziomy układ wyborów), aby uzyskać informacje zwrotne.
Przypadek użycia
Z aplikacji do rezerwacji lotów korzysta wielu użytkowników. Użytkownicy używają go do rezerwacji lotów, po czym wysyłany jest do nich formularz zwrotny z prośbą o opinię. Tak więc formularz o nazwie Feedback, z różnymi poziomami zatwierdzeń i odrzuceń, pomoże usługodawcy w dopracowaniu usług.
Kroki do naśladowania
1. Utwórz formularz opinii z następującymi szczegółami:
Formularz | Nazwa łącza formularza | Typ pola | Nazwa pola | Nazwa łącza pola |
Feedback | Feedback | Radio | In-Flight Service | In_Flight_Service |
Radio | Onboard Entertainment | Onboard_Entertainment |
Radio | Wi-Fi Connectivity | Wi_Fi_Connectivity |
Radio | Meal Options | Meal_Options |
Wiele linii | Jeśli masz inne uwagi, poinformuj nas o tym. | If_there_is_any_other_feedback_please_tell_us |
Dodaj notatki | Notatki | zwykły |
W przypadku wszystkich pól Radio, wybory można zaimportować z Zaawansowane > Importuj wstępnie zdefiniowane wybory > Poziom zadowolenia. Spowoduje to dodanie domyślnych wyborów wymienionych pod poziomem zadowolenia (bardzo zadowolony, zadowolony, neutralny, niezadowolony, bardzo niezadowolony) do pól radiowych. (Opcja N/A może zostać usunięta.)
2. Niektóre kody CSS mogą sprawić, że formularz będzie wyglądał jak macierz. Kliknij pole Notatki, a następnie kliknij opcję Edytuj kod HTML.
3. Dodaj poniższy kod w edytorze Edytuj HTML:
- <div>
- Feedback bring a smile and a change. Do both!
- <br>
- </div>
- <style>
- <!-- The below line is a comment. -->
- <!-- zc-<field_link_name>-group indicates the radio box group -->
- .zc-In_Flight_Service-group .form-field .tempContDiv .choice-table-row {
- display: table-cell !important
- }
- .zc-Onboard_Entertainment-group .form-field .tempContDiv .choice-table-row {
- display: table-cell !important
- }
- .zc-Wi_Fi_Connectivity-group .form-field .tempContDiv .choice-table-row {
- display: table-cell !important
- }
- .zc-Meal_Options-group .form-field .tempContDiv .choice-table-row { display: table-cell !important
- }
- </style>
- <div>
- <br>
- </div>
Zobacz jak to działa