Креирање услова и одредби са клизачем

Већина образаца, ако не и сви, сакупљају осетљиве податке корисника. Као власник сајта/предузећа, сигурно желиш да корисници који шаљу твој образац прихвате твоје услове пре него што ти пруже своје информације. Никада не би требало да склапаш уговоре са корисницима уколико сви нису упознати са одредбама, или уколико ниси урадио све у твојој моћи да понудиш ту информацију.

Најчешће, линк ка условима и одредбама је довољна, али неки корисници желе да прикажу услове директно на обрасцу. Како би се ово постигло, потребно је додати текст који није могуће мењати и који је једноставан за читање.

Ово је могуће учинити на два начина, користећи Креатор Образаца.

Користећи „Кратки услови са клизачем“ виџет

У секцији виџета унутар креатора обрасца можеш пронаћи „Кратки услови са клизачем“ виџет. Погледај кораке испод да видиш како га можеш додати на образац.

1. У Креатору образаца кликни на Додај елемент дугме.
2. Отвори Виџете и претражи Кратки услови са клизачем.
3. Кликни на виџет или га превуци на образац да га додаш.

4. У подешавањима виџета, постоје следеће опције:
   • Ознака поља за потрвду – Текст који је приказује изнад виџета
   • Садржај – Овде је потребно додати услове и одредбе.
   • Сав текст мора бити прочитан – Обележи ово уколико желиш да корисници прочитају цео текст прво пре него што могу да обележе да су све прочитали.
   • Пошаљи садржај – Да ли желиш да услови буду додати у имејл обавештење и имејл аутоматског одговора.

Користећи Параграф елемент

Уколико не желиш да се додатни кодови покрећу у позадини твог обрасца, такође можеш да користиш Параграф елемент и да додаш прилагођени CSS како би креирао клизач.

1. У Креатору образаца кликни на Додај елемент дугме.
2. Под картицом основно, додај Параграф елемент.
3. Додај/налепи своје услове и одредбе. Можеш форматирати текст користећи доступне алате за форматирање.

4. Отвори изворни код унутар едитора параграф елемента кликом на одговарајућу иконицу.

5. Додај следећи HTML на почетак и крај, између већ постојећег садржаја и кликни ОК да сачуваш измене.

<div class="termsx">
</div>

6. На крају, додај следећи CSS код у образац. Кликни овде да видиш како да додаш CSS.

.termsx {
overflow-y: scroll;
height: 350px;
width: 100%;
border: 1px solid #ddd;
padding: 10px;
}

7. Измене би одмах требало да буду видљиве. Као алтернативу можеш да користиш Услови коришћења виџет, како би корисници могли да обележе да су прочитали услове.

Пример обрасца можеш пронаћи овде: https://form.jotform.com/221172879904059.