Can I move the submit button to the right? How do I make the multiple choice options look the same?

  • Profile Image
    ONSMS_Admin
    Asked on June 25, 2020 at 07:44 AM

    Can I move the submit button to the right? How do I make the multiple choice options look the same? More details in the picture. Thank you. 

    Screenshot
  • Profile Image
    Vick_W
    Answered on June 25, 2020 at 08:36 AM

    Hey there,

    Happy to help you today.

    To move the multiple-choice to the left you'll have to select "Label Alignment" to "TOP".

    1593087665screenshot.jpg.png

    For the submit button you are using a submit button and a back button filed separately and then using CSS to align it correct?

    Looking forward to your reply.

    Thanks.

  • Profile Image
    ONSMS_Admin
    Answered on June 25, 2020 at 10:54 AM

    Yes, I'm using a back button and a separate submit button aligned with CSS

  • Profile Image
    Jovanne_A
    Answered on June 25, 2020 at 11:13 AM

    Hi, thank you for your response.

    For the submit button to align in the right, please try to insert this custom CSS code.

    div#cid_69 .form-buttons-wrapper {

        text-align: right;

        margin-right: 80px !important;

    }

     

    #input_69 {

        margin-top: 48px !important;}



    Here is a guide on how to inject custom CSS codes: How-to-Inject-Custom-CSS-Codes

    15930979725.png


    I hope this will help. Let us know if this works for you.

  • Profile Image
    ONSMS_Admin
    Answered on June 25, 2020 at 10:18 PM

    I'm sorry, it does not work. This is how it looks with that code.  1593137876Screenshot_1.png

  • Profile Image
    Kiran
    Answered on June 25, 2020 at 10:45 PM

    Please try changing the #input_69 section code to the following so that the Submit button should be displaying to the right.

    #input_69 {

        margin-top: 48px !important;

        position: absolute;

    }

    Thanks!

  • Profile Image
    ONSMS_Admin
    Answered on June 25, 2020 at 10:50 PM

    It didn't work. The code #input_69 {

    margin-top: 80px;

    position: absolute;

    }

    a.jf-branding {

    display: none!important;

    }

    puts the submit button next to the back button but too to the left, I need to be on the right side. 

  • Profile Image
    Vanessa_T
    Answered on June 25, 2020 at 10:57 PM

    I just checked your form using the direct link, https://www.jotform.com/form/201744794331052, and it is displaying the Submit button on the right.

    1593140218A.gif

    If you are referring to a different form, please share the form URL.

    Where-to-Find-My-Form-URL