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

    Fomumário fora de padrão: Button style Upload File field

    Asked by creativedp on October 23, 2014 at 02:31 PM

    Olá, boa tarde..

    Percebo que quando abro um mesmo formulário em diferentes navegadores, fica muito fora de padrão, em cada navegador aparece de um jeito...fora de padrão como foi criado e formatado...tamanhos diferentes, costumo sempre formatar os formulários com a fonte VERDANA, e ultimamente, por exemplo, o Chrome não reconhece a fonte..ele mostra outra fonte nada haver.

    como faço para que em todos os navegadores o formulário fique correto, conforme foi criado ?

     

    obrigado, 

    no aguardo.

     

    Daniel

     

    .

    uneven style browser style jotform style
  • Profile Image

    Answered by Ben on October 23, 2014 at 05:08 PM

    Hi Daniel,

    All jotforms should look the same in every browser. However, we would be interested to see and resolve the issues that you might have with your jotform.

    Can you please tell us what is the jotform that is different in other browsers and in what manner?

    Best Regards,
    Ben

  • Profile Image

    Answered by creativedp on October 24, 2014 at 06:53 AM

    Olá Ben, bom dia..

    conforme descrevi então, segue em anexo os prints dos diferentes navegadores, e as distorções, em cada um deles, repare também que 1 determinado navegador não reconhece o "BOTÃO UPLOAD", 

     

    obrigado desde já e no aguardo.

     

    att

    Daniel

    .

     

     

     

     

     

     

     

  • Profile Image
    JotForm Support

    Answered by Charlie on October 24, 2014 at 09:31 AM

    Hi,

    I believe some of the buttons and fields are displayed depending on what browser you are using. Especially if the style used is in default, which will probably use the default one that the browser has. 

    But in this case, I would recommend for the upload button to be styled, you can Inject a Custom CSS or from the Upload properties you can see an option to style a button.

    1. Click the settings icon or right click on field then Properties. You will see then a option "Button Style" on upload file field.

     

    2. The button style is not applied, the change only occurs when you enable "Allow Multiple", for me this is a bug so I will proceed to reporting it in our dev/technical team.

    3. The change applies only when you enable "Allow Multiple".

     

    You will receive a notification when an update has been done regarding this issue.

    Regards.

     

     

     

  • Profile Image

    Answered by creativedp on October 24, 2014 at 12:05 PM

    Olá, boa tarde..

    ok..sobre personalizar o botão UPLOAD está certo...e com relação aos CAMPOS (Box) que ficam em tamanhos diferentes em cada navegador ?

    outro detalhe que esqueci de mostrar, segue em anexo um print, onde também vem acontecendo, de eu selecionar uma determinada fonte...e mostra outra...ou misturas elas, veja:

  • Profile Image

    Answered by Ben on October 24, 2014 at 01:19 PM

    Hi,

    Could you please give us the link to the jotform that you are experiencing this with? We would then take a look at the code to see what is causing different fonts and sizes.

    Best Regards,
    Ben

  • Profile Image

    Answered by creativedp on October 24, 2014 at 01:30 PM

    Olá, 

    não coloquei esse form em meu site ainda...esse problema está ocorrendo dentro do meu própio painel de construção da JotForm.

     

    att

    Daniel

  • Profile Image

    Answered by Ben on October 24, 2014 at 02:39 PM

    Hi Daniel,

    OK. Can you please give us the direct link to it?

    Please copy that URL and post it here and we will be happy to check it.

    Also, did you mean that the fields were of different style and size in the Form Builder itself?

    Best Regards,
    Ben

  • Profile Image

    Answered by creativedp on October 24, 2014 at 02:58 PM

    Olá Ben

    segue o link: http://form.jotformpro.com/form/42815998290973

    sobre os campos (box), no painel de criação...eles ficam corretos....na hora em que abro em diferentes navegadores é que se desconfiguram...o unico navegador que fica correto é no Chrome...nos outros, cada um fica de um tamanho, como vc pode ver nas imagens que postei ai acima.

     

    att

    Daniel

    .

  • Profile Image

    Answered by Ben on October 24, 2014 at 04:35 PM

    Hi Daniel,

    OK, so after inspecting it and the screenshots I think I know what you mean.

    The reason why the submit button is different in each browser is because it is the browser that is adding it there. What I mean by this is that the actual button looks something like this:

    <input type="submit" />

    The browser will turn it into their own buttons.

    You can see the similar thing happening with select / dropdown boxes, even the corners of the text area is different depending on the browser.

    If you like however, you can modify this by utilizing CSS code so that a style is defined for it so it would not use the default system settings.

    Now in regards to the field width. The only way I could get something similar happening as on your screenshots is when I checked the jotform in different resolutions and even then it was just small change in the width of the elements otherwise it looked the same over all browsers.

    Can you please tell me if you see the same misaligned fields when you look at the jotform directly http://form.jotformpro.com/form/42815998290973 or if you saw that within your JotForm Builder?

    Best Regards,
    Ben

  • Profile Image
    JotForm Support

    Answered by steve on October 27, 2014 at 03:00 AM

    Hello-

    To confirm my colleague's response, the browser default for upload file button cannot be modified with CSS, and further, it varies across browsers. More than one user has asked about this.

    The workaround is to set it to allow multiple and set the max files uploaded to 1. Then the button can be styled as you desire, and only 1 file can be uploaded.

    Please let us know if you have further questions. Thanks!