What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    My Image Slider isn't mobile responsive

    Asked by coolyeah on November 02, 2015 at 05:18 PM

    I have try many different ways to make my form responsive including add mobile responsive widget and also adding css code from the forum that has same issue before, but it still doesn't comes out right.

     

    could you help me to do something with this? thanks

     

    this is my form https://form.jotform.me/53012116059444

    image slider mobile responsive image slider mobile
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on November 02, 2015 at 10:21 PM

    I see you added this unnecessary widget to the form which it only works in conjunction with products images.

    http://widgets.jotform.com/widget/product_lightbox

     

    Also, I removed the mobile responsive widget, but I enabled the option from Preferences and the Designer.

    The form should now look fine, according to the preview of the mobile emulator:

     

    If the problem continues, please let us know if the problem only happens in a particular mobile device.

  • Profile Image

    Answered by coolyeah on November 09, 2015 at 06:43 PM

    sorry for late response. I mean the problem is only in the image slider. It doesnt come out fit size even when I use mobile responsive widget or using option from preferences and the designer

  • Profile Image
    JotForm Support

    Answered by EltonCris on November 09, 2015 at 08:57 PM

    It is because the image slider widget itself isn't mobile responsive. Please inject this CSS codes to your form, this should make it mobile friendly.

    @media screen and (max-width:500px){

    .custom-field-frame,

    .slidesjs-container,

    .slidesjs-control {

        width: 100% !important;

    }

    iframe#customFieldFrame_40{

        height: 288px !important;

    }

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste the code at the bottom part)

    Result:

    If you need further assistance, let us know.

  • Profile Image

    Answered by coolyeah on November 10, 2015 at 07:22 AM

    I have try add the code to my form, but it didn't work. could you give me the link of your edited form from mine? I want to copy it

  • Profile Image
    JotForm Support

    Answered by EltonCris on November 10, 2015 at 10:27 AM

    Here's the cloned form which works for me https://form.jotform.com/53133764973967?. Please clone this and test it on your side. Let us know how it goes.

    Thanks!