Hide form button on smartphones mobile devices

Creative Contact Form is a responsive jQuery contact form with amazing visual effects. You will be surprised by count of all the possible features!

  • Hello!
    Is is possible to add some kind of @media screen and (max-width: ... CSS class to hide the form button on certain screen sizes, on smartphones the button really interferes with the text reading, please see screenshot.
    Image

    Thanks a lot!
    Aahz
     
    Posts: 9
    Joined: Fri Apr 06, 2018 3:20 pm


  • Thank you for reaching out.
    Unfortunately CCF has not been fully tested on mobiles yet. On some devices it may cause misbehavior.


    Accept our apologies for caused inconvenience.
    Best Regards
    Levon

    CreativeSolutions
    User avatar
    Levon
     
    Posts: 680
    Joined: Fri Jul 01, 2016 8:05 pm


  • It is OK, it is not misbehavior, it just keeps showing on mobile devices with narrow screens, and i though it is possible to add a CSS rule into the Custom Css field of my form, or into the Custom Rules section of template used with my form, to hide it on these screen sizes.
    Last edited by Aahz on Fri Jul 20, 2018 11:21 pm, edited 1 time in total.
    Aahz
     
    Posts: 9
    Joined: Fri Apr 06, 2018 3:20 pm


  • I'll try to ask our devs, I'll ping you when I have some news.
    Best Regards
    Levon

    CreativeSolutions
    User avatar
    Levon
     
    Posts: 680
    Joined: Fri Jul 01, 2016 8:05 pm


  • Big thanks!
    Aahz
     
    Posts: 9
    Joined: Fri Apr 06, 2018 3:20 pm


  • Always welcome ;)
    Best Regards
    Levon

    CreativeSolutions
    User avatar
    Levon
     
    Posts: 680
    Joined: Fri Jul 01, 2016 8:05 pm


  • With my Mobile Form OnShow Event I want to selectively Hide or Show particular Title Buttons buttonid 1 in this case, my code below has no effect - please show me how - thanks. for i:= 0 to PDFmForm.TitleButtons.Count - 1 do begin
    User avatar
    MichaelExcar
     
    Posts: 2
    Joined: Tue Jul 10, 2018 9:53 pm
    Location: Virgin Islands


  • It is helpful information for me. Thanks for this thread.
    nayam
     
    Posts: 1
    Joined: Fri Sep 06, 2019 2:16 pm


  • Hi,

    You can use the following rule, to hide button on small screens.

    To hide it started from 500px, use this rule.
    Go to Components->CCF->Forms->Your Form, and in Custom CSS section write:
    Code: Select all
    @media only screen and (max-width: 500px) {
      .ccf_static_button {
        display: none;
      }
    }
    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 4 guests
cron