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

    Button alignment and required field warning image size issue

    Asked by superheat on February 26, 2014 at 03:24 PM

    Hi,

     

    I am working on this form:

    http://superheatfgh.com.s179556.gridserver.com/heat-treating-careers.php

    I have modified a few fields on page because I can not get them to work like I want through Jotform. I have two issues though, first, the print and submit buttons will not align. I have read other support answers but hav enot found one that works for me. And second, the warning image for the required field is not displaying correctly.

    Page URL:
    http://superheatfgh.com.s179556.gridserver.com/heat-treating-careers.p<br/>hp

    Screenshot
    required field size alignment image size
  • Profile Image
    JotForm Support

    Answered by BDAVID on February 26, 2014 at 08:06 PM

    Hi,  since you are working with the downloaded full source code of your form, for the  alignment you need add this CSS code into the CSS file.

    #input_2.form-submit-button{

    position: relative;

    top: 15px;

    }

     

    On regards of warning image, you need to change the percentage:

    img {

        border: 0px none;

        width: 8%;

    }

    Hope this helps you, let us know what happens.

  • Profile Image

    Answered by superheat on February 27, 2014 at 09:47 AM

    Hey, that worked, with a couple of additions. The img 8% also affected the submit/print buttons and also the captcha image. With the addition of width/height !important to the inline styles on the buttons and the captcha image everything seems to be displaying correctly and also lines up.

    There is one last thing, it looks like there is a faint gray background behind the print button, like there is behind the captcha. The background of the captch is necessary but I can quite figure out where to change it on the print button so it matches the submit button.

     

    Thanks as always for the awesome level of support.

  • Profile Image

    Answered by EliezerN on February 27, 2014 at 01:03 PM

    Hi superheat,

    To resolve the current issue simply inject this CSS code:

    #input_print_2

    {

    background:none !important;

    width:101px !important;

    }

    Your form will look this way:

    In case you need help with something unrelated to the first inquiry of this thread, kindly open new threads and post there your inquiries, that helps us to avoid confusion among inquiries/questions and that way give you a better assistance.

    Thanks