Browser incompatability, condition statement and button alignment need urgent help

  • Profile Image
    ifeanyiibekwe
    Asked on September 01, 2015 at 07:05 PM

    Good day,

    want to start with thanking you for you supports

    I have continued with the manual airline ticketing form and have finished to the best of my knowledge but I have some flaws and issues I need you to assist.

    1. I have aligned the fields of the form like I stated above, but still yet the headers goes to the right in Mozilla firefox browser.

    2. I am trying to apply conditions on my dropdown list the "Adult", "children" and "Infant". If the adult are only 2, after the continue button. the next page should bring out lead passengers header with properties o the header and  also passenger 2 header and properties. so also applicable to other selection it should showcase only the number of selected items.

    3. MY continue, back and submit forms are not well aligned.

    please I kindly want to design a responsive professional airline ticketing form

    hope my questions or issue are not too big

    I need your assistance please.

    thanks in anticipation.

  • Profile Image
    EltonCris
    Answered on September 02, 2015 at 03:35 AM

    1. To fix those fields moving to the right, simply move them to a new line on the form builder. Right click the field then Move to a new line.

    Example:

    2. We will answer this question on a separate thread here https://www.jotform.com/answers/653210

    3. Can you give us a screenshot on how you want the submit button to be aligned with page break buttons? Do you want it like the following?

    If yes, inject this CSS codes to your form.

    [data-type="control_button"] {

        width: 100%;

        padding-right: 33px;

        background:none !important;

    }

    .form-submit-button, .form-submit-button:active {

        position: relative;

        top: 78px;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form