Place multiple image icons on the same line

  • APPFLOR
    Asked on April 8, 2018 at 12:31 PM

    COMO COLOCAR �CONES LADO A LADO NO FORMUL�RIO JOTFORM

    Boa tarde.

     

    Estou criando este formulário: https://form.jotformz.com/80974479181671.

    Gosta de saber como faço para colocar os ícones lado a lado.

    Necessito colocar mais 4 ícones sendo que ficarão do lado direito, assim ficarão 4 ícones do lado direito e 4 do lado esquerdo.

    Assim ficará mais organizado.

    Obrigado.

    Florisvaldo Pinto

  • Mike
    Replied on April 8, 2018 at 2:07 PM

    As an option, you can increase the form width so the icons will be placed on the same line.

    Place multiple image icons on the same line Image 1 Screenshot 30

    Place multiple image icons on the same line Image 2 Screenshot 41

    If you need any further assistance, please let us know.

  • APPFLOR
    Replied on April 8, 2018 at 2:20 PM

    Boa tarde.

    Já havia tentando este recurso, mas não obtive êxito.

    Fiz agora novamente, mas quando vejo no smartphone, os ícones continuam em filha e não em coluna.

    Veja-o: https://form.jotformz.com/80974479181671 .

    Coloquei a largura de 700 para 2000 e os ícones não ficaram em colunas.

    Por favor se houver outro recurso que possa fazer com que os ícones fiquem em coluna, por favor me informem.

    Obrigado.

    Florisvaldo Pinto

  • Mike
    Replied on April 8, 2018 at 3:22 PM

    You may try adding the next CSS to the form in order to keep the same image size on the mobile:

    @media screen and (max-device-width: 40em) {
    [data-type=control_image] {
    width: initial !important;
    }
    }

    Place multiple image icons on the same line Image 1 Screenshot 20

    Thank you.

  • APPFLOR
    Replied on April 8, 2018 at 9:33 PM

    Boa noite.

    Todos estes procedimentos já fiz, mas não deram certo.

    Os ícones continuam enfileirados e não em colunas, quando abra o smartphone.

    Se houver outra maneira para que possa deixá-los em coluna, agradeço.

    Link do formulário:  https://form.jotformz.com/80974479181671 .

    Obrigado.

    Florisvaldo Pinto


  • tina JotForm Developer
    Replied on April 9, 2018 at 3:16 AM

    It seems this is the duplicate thread of the given thread link. I have replied your latest thread in this regard, Could you please check it out?

    https://www.jotform.com/answers/1438658