Customize Email Validator

우리의 응답자가 제출시 위의 사진과 같은 오류가 발생했다고 항의를 하였습니다.

또 다시 다른 응답자에게 동일한 문제가 발생될 까봐 걱정이 됩니다.

이것의 원인이 무엇인지, 예방할 수 있는 것인지 궁금합니다.

Hello goa76,

Thanks for reaching out to Jform Support. We apologize for the inconvenience caused. I cloned and tested your form encountering the issue with the E-mail Validator Widget, but once I deleted the CSS code added in the same widget, I could check the inserted code I have received in my mailbox for the widget. Please, try doing the same by clicking on the Widget Settings and deleting the code under the Custom CSS tab, and if you still want to change the E-mail Validator button color, please inject the following CSS code:

#mailSubmit{



background: #FFCCCB !important;



box-shadow: none !important;



-moz-box-shadow: none !important;



-webkit-box-shadow: none !important;



}

In the background section, you can use whichever color code you prefer.

Give it a try, and let us know how it goes. If you prefer to receive help in your native language, please let us know, and we'll forward your ticket to our Korean Support Team.

We appreciate your patience.

당신의 답변에 감사합니다.

일단은 당신이 제시한 CSS 코드로 변경하였습니다.

내가 이전에 작성했던 CSS 코드가 이 오류의 원인입니까?

나는 E-mail Validator의 버튼 뿐만 아니라 공란의 크기 또한 변경하고 싶습니다. 그것은 다른 항목의 디자인과 맞지 않아서 마음에 들지 않습니다.

혹시 변경할 수 있다면 코드를 알려주신다면 정말 고맙겠습니다.

Hello goa76,

Thanks for getting back to us. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

Thanks for your patience and understanding.

Hello goa76,

It is possible to change the size of the blank email text field as well as the button of the E-mail Validator. Please try adding the height for both the text box and button in the custom CSS section of Email Validator. Below I am adding the code that you could use to do customization on the email validator:

#mailSubmit{

background: #b71327 !important;

box-shadow: none !important;

color:white;

text-shadow: none;

-moz-box-shadow: none !important;

-webkit-box-shadow: none !important;

height: 35px

}

#mail{height:35px}

Here is the demo:

Additionally, you could clone my test form (https://form.jotform.com/221580659174966) to see the code I have added to change the size of the email text field and button.

Let us know if you have any other questions.

매우 친절하게 알려주셔서 감사합니다!

우리는 확인할 수 없지만, 이 최초의 오류가 응답자에게 다시 일어나지 않길 바랍니다.

이곳은 매우 친절한 곳입니다👍