How to edit the image slider widget

Bonjour,

Je travail sur ce formulaire :

https://eu.jotform.com/build/242582668478069

Mais j'aimerai que la photo s'agrandisse quand on clique dessus(pour le portable), avec les petites flèches sur le côté, et que les miniatures n'y figurent pas, y 'a t-il un code pour cela ?

Merci :)

Stéphanie

Hi Stéphanie,

Thanks for reaching out to Jotform Support. Our French Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, to clarify, do you want to hide the thumbnail images? Please note that you need to click on the thumbnails to change the images. Do you want the thumbnail images only to be hidden when viewed on mobile? Can you explain a bit about the arrow you want to add?

After we hear back from you, we’ll have a better idea of what’s going on and how to help.

Hi Richie, Thank you for your response,

Yes I'd like to hide the thumbnail, and only to have the arrow like here I circled in red.

This form is only going to be readon mobile phone, and I'd like the picture to look bigger, can you help me ?

Merci :)

Stéphanie

Hi Stéphanie,

Unfortunately, we cannot show the arrow using CSS. This is only possible in the widget settings. Let me show you how to do it:

1. In Form Builder, click on your image slider widget and click on wand icon.
2. Then in Widget Settings, click on General Tab.
3. Scroll down to Slider Transition and toggle to Slide.
   
   

Check out this screenshot of my result:

Give it a try and let us know if this works for you.

Thank you, but everytime I clic on the "slide" button and save update widget it erase the "slide" button, and is like i did not select anything, can you help please ?

And thumbnails can't be hidden ?

Merci

Hi Stéphanie,

Can you try to enable slide transition first in the widget? I tested the issue but can't replicate it. Then you can add this CSS code in the widget to hide the thumbnails:

@media (max-width: 480px){

.j-slider-footer{

display: none;

}

}

Let me show you how to add CSS in the widget:

1. In Form Builder click on Image Slider Widget.
2. Then click on the Wand Icon.
3. In Widget Settings, click on CUSTOM CSS tab.
4. Paste the CSS code and click Update Widget.
   

If the issue persists regarding the slide button, can you share the mobile device you're using and the browser for us to check it further?

Give it a try and let us know how it goes.

Thank you very much, I am using Chrome, and it keep erasing my selection ("Slide"), when i clic on "Fade", it works, but Slide keep erasing, all of my images are the same size, don't know what to do :'(

i archive the other form and started to build a new one, and it is still not working to select "Slide"

I found a way !!! it was some kind of bug, when i clic at the bottom, and clic again, the arrow appears !

Hi Stéphanie,

I'm glad that everything is working on your end, I've also checked your form and confirmed that the slide arrow is already showing. To make sure, I've also cleared your form caches to see if that will make changes to your forms.

Reach out again if you have any other questions.