Tab Order

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 Jul 16, 2015 3:11 pm

  • Hi,

    I just purchased & installed the Business Pack & have questions.

    The pack includes lifetime Pro support. Is that all managed through this forum, or is there another way to get support?

    2nd question.
    How do I change the tab order of the forms? I've changed the field order and they look fine, but when you press tab it does not follow that order.
    If you look at this form I'll explain
    http://pdarcs.com.au/index.php/training-registration
    Fields are ordered like this: (which is correct)
    First name, last name, email, phone number, are you a member, training date, comments
    This is the correct order. However if you put your curser in first name & press tab it jumps to email.
    It follows this order:
    First name, email, last name, phone number, Jumps completely over are you a member & training date & goes into comments then stops there.

    So, how do I set tab order?

    Also it uses this strange tab order on mobile devices, if you look at the attached image you can see what I mean.
    Tab Order Mobile.jpg
    View showing tab order on a mobile phone
    Tab Order Mobile.jpg (92.76 KiB) Viewed 871 times


    Last question, How do I get the mobile view of the page to display properly. When you look at this URL via a mobile the Submit button is not visible (as it's all the way to the right side & no horizontal scroll bar exists
    Buttons on Mobile Portrait.jpg
    Mobile view in portrait, no submit button visible & unable to scroll sideways
    Buttons on Mobile Portrait.jpg (61.07 KiB) Viewed 871 times
    ) If I turn my phone into landscape I can see & use the button.
    Buttons on Mobile Landscape.jpg
    Button visible when phone is in landscape
    Buttons on Mobile Landscape.jpg (21.65 KiB) Viewed 871 times


    Thanks.
    ddjenkins
     
    Posts: 9
    Joined: Mon Jul 06, 2015 7:47 am

Sun Jul 19, 2015 1:16 am

  • Hi,

    With regards to tab order, it will require some js core changes, to achieve proper functionality!
    I will correct that issue on next release(adding to TODO list right now!).

    With regards to mobile view, the issue comes from your template styling.
    If you give me access to your admin, I will add css rules to make it work correctly!
    You can send me a PM with admin details.
    Best Regards,

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

Sun Jul 26, 2015 8:45 am

  • Simon, I sent you a PM a week ago about this & have received no response.
    ddjenkins
     
    Posts: 9
    Joined: Mon Jul 06, 2015 7:47 am

Tue Jul 28, 2015 4:05 pm

  • Hi,

    I will correct the issue in some days. Sorry for delay!
    Best Regards,

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

Mon Aug 03, 2015 4:35 pm

  • Hi,

    I need to change some css styles of CCF, to make it mobile compatible with your template.
    So please give me ftp access, and admin access. You can send me a PM.
    Best Regards,

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

Wed Aug 05, 2015 6:11 am

  • Hi Simon, PM sent with login details.
    ddjenkins
     
    Posts: 9
    Joined: Mon Jul 06, 2015 7:47 am

Thu Aug 06, 2015 6:50 pm

  • Hello,

    The problem was coming from form width! It was set to fixed 600px.
    I set it to 100% percents, no it works fine.

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

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

Thu Jul 20, 2017 4:44 pm

  • Hello Simon,

    On mobile devices (using Business package) the order of the fields does not correlate to the order set in the backend.

    It lists all the fields set to the "Left" column first, then all the fields set to the "Right" rather than the order set in the backend.

    Also, the field widths aren't the same on mobile for "Left" and "Right". "Right" is wider in length, even if width is set to smaller in the backend settings. Is there an easy way to set field width for mobile? I'd like them all to be the same for such devices.

    Hope you can help!
    trati
     
    Posts: 30
    Joined: Thu Apr 06, 2017 9:00 pm

Wed Jul 26, 2017 1:15 pm

  • Hi,

    CCF renders fields in blocks, first fields in left column, than fields in right column. In mobile view it shows blocks one after another, that is why we get another order than in backend. I will implement the way to correct the order for mobile views on next releases! That will require some core changes.

    With regards to columns width, you can set them equal in template settings. You will find it in CCF->Templates: Main Box->Wrapper Styles->Left/Right columns width.
    Best Regards,

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

Sun Jul 30, 2017 4:45 am

  • Great I look forward to seeing that in the next release! Thank you :)
    trati
     
    Posts: 30
    Joined: Thu Apr 06, 2017 9:00 pm



Return to Creative Contact Form




Information
  • Who is online
  • Users browsing this forum: Yahoo [Bot] and 2 guests
cron