Zmiana wyglądu ankiety

W tym dokumencie opisujemy sposób przygotowywania własnych szablonów zmieniających wygląd ankiety. Dokument jest on podzielony na kilka części:
  • w pierwszej przedstawiamy ogólne działanie edytora,
  • w drugiej przedstawiamy szczegółowo jak posługiwać się edytorami wpływającymi na takie cechy jak krój czcionki, obramowanie czy tło,
  • w trzeciej zgromadziliśmy odpowiedzi na typowe pytania i problemy jakie mogą pojawić się podczas korzystania z edytora szablonów.
Stworzenie własnego szablonu nie wymaga żadnej specjalistycznej wiedzy i w większości przypadków sprowadza się do doboru odpowiedniego zestawu parametrów, albo wybrania jednej z przygotowanych przez nas możliwości.
A wiec do dzieła!

Część pierwsza. Tworzymy szablon

Tworzenie własnego szablonu rozpoczynamy od przejścia do zakładki 'Podgląd' (1) w naszej ankiecie. Następnie po wybraniu opcji 'Nowy szablon' (2) przechodzimy do edytora szablonów.

Edytor szablonów

Aby ułatwić poznawanie sposobu tworzenia własnych szablonów przygotowaliśmy kilka przykładowych szablonów. Jeżeli z listy (1) wybierzemy jeden z nich - zostanie on automatycznie zastosowany do naszej ankiety. Efekt będziemy widzieli w podglądzie ankiety w dolnej części ekranu.
Edycja szablonu polega na stopniowej zmianie ustawień dla głównych części ankiety - wybór aktualnie edytowanej części dokonujemy za pomocą listy (2). Po wybraniu określonej części obszar oznaczony numerem (3) będzie zawierał kontrolki pozwalające na zmianę ustawień - ich opis znajduje się w dalszej części przewodnika.
Jeżeli chcemy zobaczyć jakie wprowadzone przez nas zmiany wpływają na wygląd ankiety klikamy 'Zastosuj' (4). Spowoduje to zastosowanie zmian w podglądzie naszej ankiety. Uwaga: zastosowanie zmian nie powoduje ich trwałego zapisania.
Jeżeli więc chcemy utrwalić swój szablon musimy wybrać opcję 'Zapisz' - po zapisaniu szablonu nadal pozostaniemy w edytorze. Swojemu szablonowi możemy nadać nazwę - dzięki temu będzie go później łatwiej odnaleźć na liście szablonów. Jeżeli chcemy opuścić edytor bez zapisywania zmian i powrócić do normalnego podglądu ankiety wybieramy opcję 'Zakończ'.

Anatomia szablonu...

Edytując szablon wybieramy poszczególne części ankiety i stopniowo zmieniamy dla nich ustawienia dotyczące wyglądu aż do uzyskania oczekiwanego efektu. Części ankiety na których wygląd możemy wpływać to:
  • strona,
  • nagłówek,
  • logotyp,
  • pytania.
Wzajemne ułożenie poszczególnych części ankiety możemy sobie wyobrazić w następujący sposób:
Na stronie umieszczona jest zawartość, która stanowią nagłówek oraz pytania. Nagłówek może dodatkowo zawierać grafikę dodaną przez użytkownika np. logotyp. Każdy z wymienionych elementów można modyfikować, co bezpośrednio wpływa na ich wygląd w gotowym szablonie.

Ustawienia dla strony


Szerokość strony
To jak szeroka jest strona wpływa na wygląd naszej ankiety i jej dopasowanie do okna przeglądarki internetowej. Mamy tu do wyboru dwie opcje: stałą szerokość oraz szerokość zmieniającą się wraz z rozmiarem okna przeglądarki. Zmienna szerokość pozwala lepiej wykorzystać obszar w oknie przeglądarki, dlatego warto ją zastosować gdy ankieta zawiera więcej tekstu.

Czcionka podstawowa
Od jej ustawienia zależą wszystkie inne elementy ankiety, zmiana kroju tej czcionki ma wpływ na sposób wyświetlania innych elementów ankiety, o ile nie mają one swoich własnych ustawień.

Tytuł i tło strony
Za pomocą tych dwóch elementów decydujemy o sposobie wyglądu strony.

Tło i obramowanie zawartości
Dotyczą obszaru który jest umieszczony na stronie i zawiera pytania oraz nagłówek Twojej ankiety. O ile strona wypełnia całe okno przeglądarki, o tyle zawartość obejmuje tylko wymienione elementy. Różnica jest szczególnie dobrze widoczna w szablonach o stałej szerokość - zawartość ma wówczas stała szerokość prezentowaną zawsze na środku okna przeglądarki.
Po naciśnięciu 'Zastosuj' wprowadzone zmiany będą widoczne w podglądzie ankiety.

Ustawienia dla nagłówka

Wysokość
Podajemy to wysokość nagłówka ankiety wyrażoną w pikselach. Podana wysokość musi być w zakresie od 10 do 200px. Zmiana wysokości nagłówka może być przydatna zwłaszcza jeżeli planujemy umieścić w nagłówku własną grafikę.

Tytuł ankiety i numeracja stron
W nagłówku ankiety wyświetlane są jej tytuł oraz informacja o bieżącym numerze strony. Tu możemy zmienić sposób wyświetlania tych informacji (krój czcionki, kolor, wyrównanie).

Tło i obramowanie nagłówka
Za pomocą tych elementów możemy zmienić tło i obramowanie dla nagłówka.

Po naciśnięciu 'Zastosuj' wprowadzone zmiany będą widoczne w podglądzie ankiety.

Ustawienia dla logotypu

Ustawienia tego elementu pozwalają na umieszczenie w nagłówku ankiety własnego obrazka, może to być np. logo firmy czy grafika oddająca charakter badania. Umieszczenie grafiki polega na wskazaniu, który z dodanych już wcześniej obrazków ma być wykorzystany w tym szablonie. Szczegółowy sposób dodawania informacji o grafice jest opisany w części drugiej.
Po naciśnięciu 'Zastosuj' wprowadzone zmiany będą widoczne w podglądzie ankiety.

Ustawienia dla pytań

Parametry w tej sekcji pozwalają na zmianę sposobu wyświetlania pytań kwestionariusza i ich odpowiedzi. Zmieniać możemy oddzielnie sposób prezentacji pytań oraz ich odpowiedzi. Możliwe jest także ustawienie dla pytań własnego tła i obramowania.
Po naciśnięciu 'Zastosuj' wprowadzone zmiany będą widoczne w podglądzie ankiety.

Część druga. Jak edytować poszczególne cechy?

W tej części poradnika skupimy się na szczegółach związanych z edycją ustawień dla poszczególnych cech.

Edycja czcionki

Edycja czcionki polega na wybraniu jej kroju i rozmiaru (1). Dodatkowo możemy także zmienić kolor napisów (2) wybierając właściwy kolor na palecie albo podając jego kod (np. kolor biały ma kod #FFFFFF). Możliwe jest także określenie stylu tekstu pisanego wybraną czcionką możemy wybrać pogrubienie albo pochylenie (3). Niektóre z edytowanych elementów pozwalają także na wybranie wyrównania (4).

Edycja obramowania

Edycja obramowania polega na określeniu dla każdej z krawędzi obramowania (1): stylu dla linii, jej grubości w pikselach (2) oraz koloru (3) danej krawędzi. Jeżeli dana krawędź nie ma posiadać obramowania wskazujemy to klikając na napis 'Wyczyść ustawienia obramowania' (4).
Aby lepiej wyjaśnić sposób posługiwania się edytorem obramowania prezentujemy poniżej instrukcję krok po kroku jak przygotować ramkę w postaci odwróconej litery U (czyli bez dolnej krawędzi).
  1. Prace rozpoczynamy od wybrania górnej krawędzi obramowania (1) i ustawienia dla niej stylu 'linia kropkowana' oraz rozmiaru na 9 pikseli (3), ustawiamy także kolor(3).
  2. Styl zdefiniowany dla krawędzi górnej ramki jest identyczny ze stylami dla krawędzi prawej i lewej. Zamiast więc powtarzać ustawienia skorzystamy z przycisku powielania stylu dla pozostałych krawędzi (3). Po kliknięciu styl z górnej krawędzi został nadany pozostałym krawędziom obramowania.
  3. Ponieważ dolna krawędź ma być pozbawiona obramowania - pozostało nam jego usunięcie. W tym celu zaznaczamy dolną krawędź (1) i wybieramy opcję 'Wyczyść ustawienia obramowania' (2)
  4. Nasze obramowanie w kształcie odwróconego U jest gotowe :)

Edycja tła

Każde tło może składać się z dwóch elementów: pełnego koloru (1) oraz deseniu (2). Żaden z tych elementów nie jest obowiązkowy - możliwe jest więc tło które jest jednolitym kolorem, oraz odwrotnie - tło tworzone tylko przez deseń. Symbol widoczny na obrazku poniżej przy polu pełnego koloru (1) oznacza, że brak jest zdefiniowanego koloru i dane tło jest przezroczyste.

Umieszczanie własnego obrazka w nagłówku ankiety

Korzystanie z własnej grafiki w szablonie wymaga jej dodania do biblioteki multimediów. W ten sposób raz dodana informacja może być wykorzystana wielokrotnie zarówno w szablonach wyglądu jak i w samej ankiecie.

Oto instrukcja prezentująca krok po kroku sposób dodawania plików graficznych:
  1. Aby dodać plik graficzny np. zawierający logotyp firmy zaczynamy od kliknięcia w link Dodaj informacje o nowym pliku do biblioteki multimediów (1). Otworzy się okienko dodawania multimediów.
  2. W pierwszym kroku wskazujemy skąd ma pochodzić nasza grafika (1). Najbardziej typowym przypadkiem jest umieszczenie na serwerze webankiety pliku pochodzącego z własnego komputera. Oczywiście umieszczenie grafiki oznacza, że dysponujemy prawami do korzystania z niej. Aby dodać plik z własnego komputera klikamy na przycisk (2) spowodujemy otwarcie typowego okienka do wybierania plików. Korzystając z niego wskazujemy wybrany plik graficzny.
    Innym sposobem dodania grafiki do biblioteki jest podanie tzw. adresu URL wskazującego na plik graficzny. Adres wpisujemy albo wklejamy w polu (3) zwracając uwagę, że powinien zaczynać się od http://
    Po kliknięciu 'Dalej' (4) plik albo adres URL zostaną przekazane do następnego kroku kreatora.
  3. Drugi krok dodawania pliku graficznego to okienko podglądu. Możemy w nim nadać tytuł dodawanemu plikowi (1) dzięki temu będzie łatwiej go później odnaleźć wśród innych plików w bibliotece. Jeżeli w kroku pierwszym podaliśmy adres do grafiki, możemy zmienić wymiary (2) które będą skojarzone z naszym plikiem. Poniżej w sekcji podgląd powinien być widoczny podgląd naszej grafiki. Po kliknięciu Zapisz (3) informacja o pliku jest dodawana do biblioteki multimediów, a okienko kreatora jest zamykane.
  4. Po dodaniu pliku możemy go wskazać na liście (1) i w ten sposób użyć go w tworzonym szablonie.

Ograniczenia dotyczące abonamentu

Samodzielne tworzenie szablonów jest dostępne w abonamencie profesjonalnym. Inne interesujące możliwości tego abonamentu to ankiety z rozgałęzieniami, tabele krzyżowe oraz filtrowanie wyników

Część trzecia. Typowe pytania

  1. Nie korzystam z abonamentu profesjonalnego. Jak mogę zapoznać się z edytorem szablonów w praktyce?

    Udostępniliśmy konto demo które pozwala na poznanie możliwości jakie daje abonament profesjonalny bez konieczności jego abonamentu.

  2. Czy dodane przeze mnie grafiki będą widoczne na koncie innego użytkownika?

    NIE. Informacje o grafice są związane z danym kontem, inni użytkownicy nie będą mieli więc możliwości zmian czy usunięcia plików graficznych.

  3. Czy grafika np. logo może być wykorzystane w kilku szablonach?

    Tak. Dodanie informacji o grafice powoduje, że staje się ona dostępna przy tworzeniu każdego szablonu. Takie działanie ma także swoją odwrotną stronę - usunięcie grafiki, która jest wykorzystana w kilku szablonach spowoduje ich niekompletność.

  4. Możliwości edytora szablonów są niewystarczające dla moich potrzeb. Co mogę zrobić?

    Dołożyliśmy wszelkich starań aby edytor szablonów dawał tak wiele możliwości jak to tylko możliwe. Jeżeli jednak Państwa wymagania przekraczają jego możliwości istnieje możliwość przygotowania szablonów specjalnie dla Państwa potrzeb. Jest to usługa płatna dodatkowo wyceniana osobno w zależności od stopnia skomplikowania szablonu. Aby uzyskać więcej informacji prosimy o kontakt.