Tworzenie kwestionariusza z wyborami macierzowymi

Tworzenie kwestionariusza z wyborami macierzowymi

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:
  1. <div>
  2.     Feedback bring a smile and a change. Do both!
  3.     <br>
  4. </div>
  5. <style>
  6. <!-- The below line is a comment. -->
  7. <!-- zc-<field_link_name>-group indicates the radio box group -->
  8. .zc-In_Flight_Service-group .form-field .tempContDiv .choice-table-row { 
  9. display: table-cell !important 
  10. } 
  11. .zc-Onboard_Entertainment-group .form-field .tempContDiv .choice-table-row { 
  12. display: table-cell !important 
  13. } 
  14. .zc-Wi_Fi_Connectivity-group .form-field .tempContDiv .choice-table-row { 
  15. display: table-cell !important
  16. } 
  17. .zc-Meal_Options-group .form-field .tempContDiv .choice-table-row { display: table-cell !important 
  18. }
  19. </style>
  20. <div>
  21.     <br>
  22. </div>

Zobacz jak to działa