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

    Choosing the right embedded code: How to make the font bold

    Asked by RickGregory on September 26, 2013 at 06:29 PM

    I read the article relating to this and understand the basic recomendations.  However, what is not mentioned is when and how to use the Compressed Refined code sound in Source Code.  What do you do with the .js and .css folders and or files?

    If the source code alone does not work, would using the compressed option be a logical alternative?

    My shop is designed with ShopFactory - hopefully this will help you provide a best recomendation.

    Thanks

    source does not work logical www
  • Profile Image
    JotForm Support

    Answered by EltonCris on September 26, 2013 at 09:12 PM

    Hi there,

    If the source code doesn't work, try it with iframe embed code. This works mostly on any platforms since the form loads in iframe. How to get your iFrame Embed Code

    Talking about the full source code, when you download your forms full source code, it comes with js folder which contains all the scripts in order for the form to run properly and the css folder that contains all the stylesheets and last is the HTML file e.g contact_form.html. You can host these files by uploading them all to your own server. You do not need to change the paths of the files, just upload them directly in your server.

    If you have doubts or confusions, please feel free to message us here.

    Best Regards!

  • Profile Image
    JotForm Support

    Answered by EltonCris on September 26, 2013 at 09:12 PM

    Byt the way, you might find this helpful Which Form Embed Code Should I Use?.

    Thanks!

  • Profile Image
    JotForm Support

    Answered by guilledutra on September 27, 2013 at 12:06 PM

    Hi,

    for some reason your last post had come empty, could you re-post  it by using this link http://www.jotform.com/answers/272577

    Thanks

  • Profile Image

    Answered by RickGregory on September 27, 2013 at 12:16 PM

    This receiving blank replies seems to be a chronic problem.

    Okay, in Preview this seems to work.  I need to check later how it looks once imbedded.  I won’t know that till tonight when I get home.

    I did notice that I did not need this line of code:

     

    .form-textarea{

    width:75% !important;

    }

    Can you please tell me what this was to accomplish?

     

    Also, is there a way to make the font in the error Bold so as to stand out more?

     

  • Profile Image

    Answered by jeanettebmz on September 27, 2013 at 04:55 PM

    The code you are inquiring about is for the text area field to make it a little bit narrower

    On regards to changing the font in the warning message to bold, please inject this CSScode

    .form-line-error, .form-input .form-error-message,

    .form-input-wide .form-error-message 

    {

    font-weight: bold !important;

    }

  • Profile Image
    JotForm Support

    Answered by guilledutra on September 27, 2013 at 07:51 PM

    Hi,

    for some reason your last request come blank.

    Could you re-post it using this link http://www.jotform.com/answers/272577

    Thanks

  • Profile Image

    Answered by RickGregory on September 27, 2013 at 07:53 PM

    This error text warning would be okay if some twiking can be done.

     

    1.      Can the MESSAGE be Left aligned?

    2.      Can the text be Black and Bold?

     

    I also see that your example using my form that the word limit indicator is way over to the right and the message box is also smaller than what I see when previewing it here: http://form.jotform.us/form/32664297992167

     

    Any cause for this?

     

    Thanks for the link on how to inject CSS code.  I have previewed this and printed it out for reference. It has been helpful in a couple of areas, but I am still not understanding CSS code as much as I am HTML.  This may take some time to understand how to manipulate this without bothering you guys.

     

    Feature / Enhancement idea perhaps?  I see that the WebApp supports editing CSS code directly via the Preferences / Form Warnings.  I was surprised that it did not support the Message Warning as what we are discussing. 

  • Profile Image
    JotForm Support

    Answered by EltonCris on September 27, 2013 at 09:31 PM

    @RickGregory

    I checked your form error message and they are already left aligned and bold.

    Is this already resolved? The word limit indicator is properly aligned as well, tried it both FF and Chrome.

    -----

    Here are some of the CSS guides that would help you start over.

    Customize your Form using Custom CSS Codes

    How to find Field IDs & Names

    Should you have further questions, let us know. Thanks!