What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to use inject CSS to remove hover popups in mobile environment only

    Asked by markashton on April 24, 2012 at 11:28 AM

    Hi,

    I would like to be able to remove the hover function tootips from the mobile environment but retain them in the desktop environment.

    The CSS is .form-description

    Can you advise me as to whether it is possible to do this and if so I would greatly appreciate a hint or two.

    Thanks so much

    Regards Mark

  • Profile Image

    Answered by markashton on April 24, 2012 at 01:34 PM

    Any chance? Please let me know if this can't be done. I'd be grateful ;)

  • Profile Image

    Answered by pinoytech on April 24, 2012 at 01:40 PM

    Hi,

    Do you mind if we ask for the URL of your form that has hover text for further assistance?

    Thank you!

  • Profile Image

    Answered by markashton on April 24, 2012 at 01:44 PM

    Hi

    URL is: http://form.jotformpro.com/form/21136404015943

    Have tried this:

    @media handheld .form-description{ display:none; }

    but keeps rendering the @ to // in the ninject CSS

     

    Note: hover is on the decor field

  • Profile Image

    Answered by markashton on April 24, 2012 at 02:28 PM

    Actually, why do you need the URL above?

    Can you just advise me whether jotform is capable of taking CSS that will differentiate the behaviour of elements on a desktop from that of a handheld?

    Would you be kind enough to provide me with a response please - I've posted several posts today and they just seem to have been ignored

    Many Thanks

  • Profile Image
    JotForm Support

    Answered by Mike_T on April 24, 2012 at 05:51 PM

    We are very sorry for the delay.

    You are not ignored, we are just very busy today. As far as I know, you can not disable that mobile CSS code.

    The workaround is to download full source code of your form, then modify sources_folder\css\styles\form.css file, and use that modified stylesheet file for your form.

    You can delete @media only screen and (max-device-width: 550px){ and everything below that line to disable mobile CSS. 

    Thank you for using our services.

  • Profile Image

    Answered by markashton on April 24, 2012 at 06:26 PM

    Mike

    you state: "you can not disable that mobile CSS code" .. 

    This statement is confused.... Do I understand it that you are advising me as follows ....

    "Jotform custom inject CSS is incapable of accepting any mobile CSS markup e.g. @media" 

    Your solution ... mm.m... why would I want to delete all that .... are you answering a different question than the one I asked?

    Regards Mark



  • Profile Image
    JotForm Support

    Answered by Mike_T on April 24, 2012 at 07:34 PM

    I am sorry for misunderstanding, I thought that you are interested in disabling all the mobile CSS code for your form due to your recent thread, so yes, I was answering a different question :)

    However, you are right about injecting CSS for mobile markup, it is not currently possible to do that using our Inject Custom CSS tool.

    I have created a ticket to our Next Level Support to see if we can do anything with this.

    We will update this thread if we get any more information for you.

  • Profile Image

    Answered by markashton on April 25, 2012 at 04:48 AM

    I'll make this a feature request in a seperate thread .... actually first ... is it just a case of making the inject CSS area accept the @ symbol for media queries ... which currently defaults to this symbol ... // 

     

    Thanks, Mark

  • Profile Image
    JotForm Founder

    Answered by aytekin on January 22, 2013 at 03:19 AM

    This issue is now resolved. You can now use at-sign "@" in the Custom Inject CSS.