Како подесити виџет за Подесиву листу

17. март 2022.

Преглед

Виџет за подесиву листу захтева мало више подешавања, али није ништа компликовано. Постоји неколико ствари које треба узети у обзир како би разумео како виџет функционише, како би подесио виџет:

  • Виџет динамички додаје скуп поља на твој образац као листу
  • Можеш додати колико год редова ти је потребно
  • Можеш одредити тип поља или тип информације које могу бити сакупљане за сваки ред у листи
  • Да ограничиш тип информације који може бити сакупљан, мораш дефинисати тип поља

Следећи типови поља су доступни приликом конфигурисања сваког реда:

Youtube Embed Poster: 017nO9m4MBo

Како конфигурисати виџет

Панел за конфигурисање виџета ће се отворити чим додаш виџет на образац. Можеш му увек приступити тако што ћеш кликнути на иконицу штапића у креатору обрасца:

Отварање панела за подешавање виџета

Припремили смо листу која ће ти помоћи да подесиш диманичку листу у виџету.

Започнимо са листом поља за конфигурисање

Типови поља

text

Прима унос обичног текста

{ознака}:text:{помоћни текст}

Пример: Име : text : Унесите име

number

Прима само бројеве.

{ознака}:number:{помоћни текст}

Пример: Године : number : Унесите старост

textarea

Прима дући текст са новим редовима.

{ознака}:textarea:{помоћни текст}

Пример: Коментари : textarea : Упиши свој коментар

dropdown

Листа опција у падајућој листи

{ознака}:dropdown:{опција 1},{опција 2},{...}:{помоћни текст}

Како би једна од опција аутоматски била одабрана, само замени {помоћни текст} са једном од опција из листе.

Пример: Воће : dropdown : Јабука, Кришка, Банана, Манго : Банана

radio

Поље за јединствени избор – омогућава бирање једне опције од више понуђених.

{ознака}:radio:{опција 1},{опција 2},{...}

Пример: Да ли прихваташ услове? : radio : Да, Не

checkbox

Вишеструки избор – одабир више опција од понуђених.

{ознака}:checkbox:{опција 1},{опција 2},{...}

Пример: Плаћање: checkbox : У целости, Делимично

date

Одабир датума са искачућим календаром

{ознака}:date:{формат}:{распон}

Уколико {формат} није подешен, или је подешен неправилно, формат датума ће бити y/m/d. Могуће је заменити слова по потреби (y – year (година); m – month (месец); d – day (дан)). {распон} година је у пормату почетак-крај, на пример 2022-2030. Уколико није подешен, или није добро подешен, вредност ће бити приказане почевши од десет година уназад до следеће године, гледајући тренутну годину.

Пример: Датум рођења : date : d/m/y : 2000-2022

time

Одабир времена

{ознака}:time:{формат}[,now]

Дозвољене вредности за {формат} су 12 (са AM/PM одабиром) и 24. Уколико није дефинисано, или није правилно дефинисано, подразумевана вредност је 12.

Да подразумевано време буде тренутно време, додај „ ,now“ у конфигурацију.

Example: Arrival Time: time : 12, now

static

Приказује статичан текст.

{ознака}:static:{текст}

Пример: Важна порука : static : Кликни ‘+’ дугме да додаш нов ред.


Иако листа изнад делује застрашујуће, заправо је врло једноставна. Ево примера како конфигурација може да изгледа:

Подешавање подесиве листе

Овако ће листа бити приказана на обрасцу:

Пример подесиве листе

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

Остала подешавања

Унеси број у Максималан број редова да ограничиш број редова који може бити додат. 0 означава неограничено редова.

Да аутоматски додаш одређен број редова, унеси вредност у поље за Минималан број редова.

Подешавање броја редова у виџету за подесиву листу

Да промениш текст дугмади (за додавање и уклањање редова), подеси их у следећим пољима:

Текст за додавање и уклањање редова у подесивој листи

Подеси поље као обавезно

У већини образаца нека поља не би требала бити прескочена, као на пример име или имејл поље. Да спречиш кориснике да прескоче ова обавезна поља, потребно је да додаш звездицу (*) пре конфигурисања поља, као што је приказано на следећој слици:

Означавање обавезног поља у подесивој листи

Корисници обрасца ће бити у могућности да пошаљу образац уколико су попунили обавезна поља:

Пример обавезног поља

Промена изгледа листе

Често је потребно променити стил обрасца да изгледа баш како ти желиш – можда како би се образац слагао са твојим производом или идентитет корпорације.

Са овим виџетом, могуће је додатно прилагодите изглед додавајући прилагођени CSS.

Додавање прилагођеног CSSа у подесиву листу

Eво га пример обрасца. Слободно га копирај и детаљније прогледај како је креиран, или га прилагоди својим потребама.

Додавање CSS-a може да делује компликовано – али немој да бринеш – радо ћемо ти помоћи – слободно нас контактирај.

То је све што је потребно да подесиш овај виџет.

Уколико желиш да подесиш виџет да буде прилагођен мобилним телефонима погледај следећи водич: Како учинити виџет за подесиву листу прилагођеним за телефоне.

Волели бисмо да чујемо шта мислиш и поделиш своје искуство са нама како бисмо могли да учинимо обрасце још бољим!

Контактирај подршку:

Наш тим подршке је доступан 24/7 и просечно време одговора је до 2 сата.
Можеш контактирати наш тим путем:

Форум подршке: https://www.jotform.com/answers/

Контактирај Jotform подршку: https://www.jotform.com/contact/

Пошаљи коментар:

Jotform Avatar
Овај сајт је заштићен reCAPTCHA-ом, а важе и Google правила о приватности и услови коришћења.

Podo Comment Буди први који ће прокоментарисати