Како креирати 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

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

Jotform Presentation Agent
Контактирај Подршку

Our customer support team is available 24/7 and our average response time is between one to two hours.

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

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

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