Како креирати Lightbox образац

24. децембар 2021.

Lightbox образац је прозор који искочи када корисник кликне на линк или дугме и приказује се изнад садржаја стране.

Ово је елегантан и једноставан начин да прикажеш обрасце на свом сајту. Ево како да почнеш:

  1. Отвори креатор образаца и кликни на Објави.
  2. Кликни на Угради опцију са леве стране.
  3. Кликни на Lightbox.
Додавање Lighbox-а
  1. На следећој страни кликни на Копирај код да копираш код који је потребно да налепиш у свој сајт. Такође можеш да кликнеш на Преглед да видиш како ће изгледати.
Копирање Lighbox кода

Прилагођавање Lightbox-а

Уколико желиш да додатно прилагодиш Lightbox, кликни на Прилагоди опцију.

Прилагоди Lightbox

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

Опције прилагођавања Lightbox-а

Немој да заборавиш да сачуваш измене. Након тога је потребно да опет копираш креирани код.

Прилагођавање линка који отвара образац коришћењем слике

Замени следећи код:

<a class="btn lightbox-{идентификаторОбрасца}" style="margin-top: 16px">
  {наслов_обрасца}
</a>

…са следећим:

<img src="{URLслике}" class="btn lightbox-{идентификаторОбрасца}">

Мораш да замениш {идентификаторОбрасца} са идентификатором твог обрасца. То је број на крају URL-а твог обрасца.

Идентификатор обрасца

Class атрибут је веома битан како би се образац приказао након што се кликне на слику. {URLслике} треба да се замени са URL-ом слике која желиш да се прикаже.

Примерhttps://shots.jotform.com/elton/jotform_lightbox_demo.html

Youtube Embed Poster: KABFPsul6xw

То је све. Да ли је било једноставно? Уколико имаш неке коментаре, предлоге или питања, постави их испод.

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

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

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

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

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

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

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