Contact form's problem.

baonguyenmc

I got the problem with the contact form, when I put the date field then it makes the form broken. Just like the picture below.

Can you tell me how to fix it, thanks a lot !

Link: http://i.imgur.com/bDuGWP1.jpg

Albert

Hi,

please send us url to page where this field is broken and we'll have a look on it.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

baonguyenmc

Here it is: http://yea.com.vn/dang-ky-ghi-danh/

And here is the code that I'm using in contact form:

<div><h4 style="text-align: left;">Thông tin cá nhân:</h4>

<label><div class="column one-third">Tên của bạn *:[text* your-name]</div>

<div class="column one-third">Địa chỉ e-mail *:[email* your-email]</div>

<div class="column one-third">Số điện thoại *:[tel* tel-288 /11]</div></label>

<label><div class="column one-third">Giới tính *:[select* menu-190 include_blank "Nam" "Nữ" "Khác"]</div>

<div class="column one-third">Địa chỉ *:[text* text-483]</div>

<div class="column one-ninth">Ngày sinh *:[date* your-date min:2013-01-01 max:2013-12-31 step:7 class:required "2013-04-01"]</div></label></div>

<div><label><h4 style="text-align: left;">Nhu cầu khóa học:</h4>

<div class="column one-third">Mục đích học tiếng anh *:[select* menu-754 include_blank "Học tập" "Làm việc" "Du học" "Du lịch" "Tốt nghiệp ĐH" "Lý do khác"]</div>

<div class="column one-third">Khóa học *:[select* menu-754 include_blank "Tiếng anh tổng quát" "Chuẩn bị thi IELTS" "Tiếng anh theo yêu cầu" "Tiếng anh doanh nghiệp"]</div></label></div>

<label><h4 style="text-align: left;">Đặt lịch kiểm tra:</h4>

<div class="column one-third">Thời điểm *:[checkbox* checkbox-442 "Buổi sáng" "Buổi chiều" "Buổi tối"]</div>

<div class="column one-third">Vào ngày *:[date* your-date min:2013-01-01 max:2013-12-31 step:7 class:required "2013-04-01"]</div></label>

<label><h4 style="text-align: left;">Đặt lịch ghi danh:</h4>

<div class="column one-third">Khung giờ *:[radio radio-496 use_label_element "Class A (09:40 - 11:10)" "Class B (13:30 - 15:00)" "Class C (15:15 - 16:45)" "Class D (18:00 - 19:30)" "Class E (19:45 - 21:15)"]</div>

<div class="column one-third">Thời khóa biểu *:[radio radio-496 use_label_element "Thứ 2 - 4 - 6" "Thứ 3 - 5 - 7" "Thứ 2 - 4" "Thứ 3 - 5" "Thứ 6 - 7"]</div></label>

<p>[submit "Hoàn tất"]</p>

Albert

Ok. So to make this field the same as rest, please use below css:

input[type="date"] {
    background-color: #ffffff;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
    color: #626262;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    display: block;
    font-size: 13px;
    margin: 0 0 20px;
    max-width: 100%;
    outline: medium none;
    padding: 10px;
    width: 230px;
}

span.wpcf7-form-control-wrap .wpcf7-date { width: 100%;}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next