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

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

.

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

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

.

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.

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:

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

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

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

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

.

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

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!