Double fields problem

Creative Contact Form is a responsive jQuery contact form with amazing visual effects. You will be surprised by count of all the possible features!
Thu Dec 05, 2019 3:51 pm

  • I can't solve this problem. Some fields are displayed in duplicate (see attachment)
    Attachments
    screenshot_4223.jpg
    screenshot_4223.jpg (42.13 KiB) Viewed 148 times
    screenshot_4225.jpg
    screenshot_4225.jpg (36.8 KiB) Viewed 148 times
    pirzius
     
    Posts: 10
    Joined: Thu Dec 05, 2019 3:40 pm

Fri Dec 06, 2019 9:59 pm

  • Hi,

    Seems like your template adds some extra html to select fields, or shows the hidden elemt of CCF select field.

    Please give me live url, where I can see the form, so I can find out what is happening there.

    Thanks.
    Best Regards,

    Simon
    User avatar
    Simon
    Site Admin
     
    Posts: 1620
    Joined: Wed Mar 05, 2014 1:04 am

Sat Dec 07, 2019 3:41 am

  • Hi Simon,

    I wrote you in pvt

    Thank you
    pirzius
     
    Posts: 10
    Joined: Thu Dec 05, 2019 3:40 pm

Sat Dec 07, 2019 4:00 pm

  • Thanks for the info!

    As I thought, your template, or one of installed plugins adds some html to input elements, and select elements! In the result CCF did not work correctly.

    To fix that, I've added some custom javascript in form template's Custom Javascript section(CCF->Templates->Your Template->Custom Rules->Javascript).
    Here it is:
    Code: Select all
    setTimeout(function() {

    $('.creativecontactform_wrapper').find('input.creativeform_twoglux_styled').unwrap();

    $('.creativecontactform_wrapper').find('.creativeform_twoglux_styled_input_wrapper label').remove();

    $('.creativecontactform_wrapper').find('.chzn-container').remove();

    }, 200);


    Also there was extra space between labels and elements itself.
    To fix that, I've added a piece of CCS in Custom CSS section(CCF->Templates->Your Template->Custom Rules->CSS).
    Code: Select all
    /**********Fix****************************************/
    .creativecontactform_wrapper label + * {
        margin-top: 0px !important;
    }


    And in result, it looks fine and works correctly!

    Do not hesitate ti write me, if you will have other questions.
    Best Regards,

    Simon
    User avatar
    Simon
    Site Admin
     
    Posts: 1620
    Joined: Wed Mar 05, 2014 1:04 am

Sat Dec 07, 2019 4:29 pm

  • Many thanks Simon!!!
    pirzius
     
    Posts: 10
    Joined: Thu Dec 05, 2019 3:40 pm

Sat Dec 07, 2019 4:36 pm

  • You are always welcome.
    Best Regards,

    Simon
    User avatar
    Simon
    Site Admin
     
    Posts: 1620
    Joined: Wed Mar 05, 2014 1:04 am

Sat Dec 07, 2019 4:47 pm

  • :D
    Simon wrote:You are always welcome.
    pirzius
     
    Posts: 10
    Joined: Thu Dec 05, 2019 3:40 pm

Sat Dec 07, 2019 5:02 pm

  • ;)
    Best Regards,

    Simon
    User avatar
    Simon
    Site Admin
     
    Posts: 1620
    Joined: Wed Mar 05, 2014 1:04 am



Return to Creative Contact Form




Information
  • Who is online
  • Users browsing this forum: No registered users and 7 guests
cron