На сторінках корпоративних сайтів часто виникає необхідність реалізації зворотного зв'язку зі співробітниками. Наприклад, на сторінці контактів. Іноді вказується кілька фахівців, кожен з яких відповідає, наприклад, за певні види наданої інформації. Створення декількох форм зворотного зв'язку на одній сторінці - явно не варіант. А ось форма з вибором одержувача - то, що потрібно.
Таку форму можна створити c допомогою Chronoforms5.
Створюємо форму з необхідними елементами.
«Компоненти» - «Chronoforms5» - «Створити».
У вкладці «Загальні» (General) прописуємо наступні настройки:
Решта можна не вказувати.
У вкладці «Проект» (Designer) маємо елементи форми:
Виглядає це приблизно так.
Прописуємо відповідні label.
Налаштовуємо поля наших елементів форми.
Text Box. Ці елементи використовуються як текстові поля в один рядок для заповнення будь-яких даних (залежно від налаштувань). Налаштуємо все «Text Box», за винятком допоміжного. Його поки чіпати не будемо.
Відкриваємо налаштування кожного з текстових полів (кнопка редагування). Їх налаштування включають в себе дві вкладки: «Загальні» (General) і «Перевірка» (Validate).
Нас цікавлять обидві вкладки.
загальні:- Label - напис до поля
- Label position - позиція написи по відношенню до поля
- Tooltip - якщо хочемо вказати саме свій зринаючі підказки
- Решту можна залишити як є
- Requared - обов'язкове поле чи ні
- Далі типи - вказуємо для кожного поля свій тип (для імені - «alpha», для пошти «email» і т. Д.)
Textarea Box. Тут нічого особливого немає. В налаштуваннях так само дві вкладки ( «Загальні» і «Перевірка»), як і у «Text Box». Налаштовуємо на свій розсуд.
Submit Button. Тут ще простіше - вказуємо тільки напис, яку хочемо бачити на самій кнопці (в настройках поле «Value / Label»).
Dropdown. Це найважливіший елемент нашої формі, який буде передавати змінну-email за подією вибору елемента зі списку.
Відкриваємо редагування. Бачимо цілих чотири вкладки. З них нас цікавлять тільки три. Це «Загальні» (General), «Перевірка» (Validate) і «Подія» (Action).
На цьому настройка візуальної частини полів форми закінчена. У наступній статті опишу основні настройки самої форми.