Polecenia na tej karcie służą do definiowania stylu graficznego tworzonego formularza kontaktowego.
Najpierw należy wybrać Element formularza, którego wygląd chce się zmienić. Wyboru dokonuje się z listy rozwijanej lub kliknięciem elementu na podglądzie.
Modyfikować można następujące elementy:
|
Etykiety: Jest to tekst opisujący pole, wyjaśnia jak je wypełnić, albo zawiera pytanie. |
|
Pola: To miejsce, gdzie użytkownik wpisuje potrzebne informacje. |
|
Przycisk 'Wyślij': Te przyciski są umieszczane automatycznie na dole formularza kontaktowego. Służą odpowiednio do wysyłania formularza albo czyszczenia jego pól. |
|
Opis pola i sprawdzenie poprawności: Są to komunikaty, które są wyświetlane w formularzu podczas wypełniania pola. Podają one dodatkowe informacje na temat poprawności wpisywania danych lub proszą gościa witryny o wypełnienie pól obowiązkowych. |
Oto opcje dostępne dla tych elementów w grupie Styl oraz te, które są widoczne w zależności od wybranego elementu.
W grupie Etykiety dostępne są następujące opcje:
| ▪ | Czcionka: Określa czcionkę, styl i rozmiar zastosowany dla tekstu. W menu znajdują się polecenia pozwalające zastosować Czcionka domyślna (zdefiniowane przez styl elementu Tekst strony w oknie Styl tekstu ), listę bezpiecznych czcionek (takich, które są obecne na wszystkich urządzeniach i nie muszą być publikowane) oraz wszystkie czcionki Google i czcionki sieciowe podane w oknie Dodaj czcionki sieci Web otwieranym poleceniem Inne typy czcionek. |
| ▪ | Kolor: Określa kolor tekstu. |
| ▪ | Powtórzenie: Można wskazać, gdzie mają być wyświetlane etykiety pól formularza. Do wyboru są 3 położenia: Wyświetl etykiety powyżej pól, Wyświetl etykiety wewnątrz pól oraz Wyświetl etykiety po lewej stronie pól. Jeśli wybierze się wyświetlanie etykiet po lewej stronie pola, można określić Szerokość % jako procentową wartość szerokości wiersza oraz Wyrównanie etykiet. |
W grupie Pola dostępne są następujące opcje:
| ▪ | Krawędź: Określa grubość krawędzi oraz zaokrąglenie wszystkich lub pojedynczych narożników. |
| ▪ | Margines: Określa dla danego pola formularza wewnętrzny margines (w pikselach) wokół tekstu. |
| ▪ | Cień: Zaznaczenie tego pola wyboru powoduje zastosowania efektu cienia wewnątrz pól, co sprawia wrażenie głębi. |
| ▪ | Kolory: Definiuje kolory tła, tekstu oraz krawędzi pola w poszczególnych stanach (wypełnione, zaznaczone, błędnie wypełnione). |
W grupie Przycisk 'Wyślij' dostępne są następujące opcje:
| ▪ | Treść: Określa tekst przycisku OK, czyli pozwala zmienić tekst domyślny. |
| ▪ | Czcionka: Określa czcionkę, styl i rozmiar zastosowany dla tekstu. W menu znajdują się polecenia pozwalające zastosować Czcionka domyślna (zdefiniowane przez styl elementu Tekst strony w oknie Styl tekstu ), listę bezpiecznych czcionek (takich, które są obecne na wszystkich urządzeniach i nie muszą być publikowane) oraz wszystkie czcionki Google i czcionki sieciowe podane w oknie Dodaj czcionki sieci Web otwieranym poleceniem Inne typy czcionek. |
| ▪ | Kolor tekstu / Kolor tła: Określa kolory tekstu przycisków i ich tła. |
| ▪ | Krawędź: Określa grubość krawędzi przycisków oraz ich zaokrąglenie. |
| ▪ | Margines: Określa (w pikselach) wewnętrzny margines wokół tekstu przycisku. |
| ▪ | Obraz tła: Ścieżka dostępu do pliku obrazu (.JPG, .GIF, .PNG.), który ma być wykorzystany jako tło. |
| ▪ | Wyrównanie: Określa sposób wyrównania przycisków. Do wyboru są położenia do lewej, wyśrodkowane i do prawej. |
Na końcu w grupie Opis pola i sprawdzenie poprawności dostępne są następujące opcje:
| ▪ | Plik ikony opisu pola: Można wybrać plik graficzny (w formacie .JPG, .GIF lub .PNG), który w postaci ikony będzie sugerował gościowi witryny, że dostępne są dodatkowe informacje. |
| ▪ | Pokaż opis, gdy pole ma fokus: Zaznaczenie tej opcji powoduje automatyczne wyświetlenie dodatkowych informacji, gdy poje stanie się aktywne. |
| ▪ | Jeżeli podczas sprawdzania poprawności danych wystąpi błąd: Można zdecydować, jak będzie wyświetlony domyślny komunikat o błędzie, jeśli pole zostanie wypełnione nieprawidłowo lub pole obowiązkowe nie zostanie wcale wypełnione. Do wyboru jest Wyświetl okno dialogowe przeglądarki, Wyświetl wewnętrzne okno podręczne lub Pokaż podpowiedź obok pola z błędem. |
