Two errors on my form

  • ninazerbo
    Asked on January 5, 2022 at 11:29 AM

    Hello!

    It's been a while since I edited my form and when I went in the other day, it had changed substantially and some of the layout features are no longer working.


    In a couple of places where there was once a question, it has been replaced with this error message: "This form element is not available for this form layout.".


    Also, the "Save" button is grayed out but yet you can still click on it. Is there a way to make it the same color as the "Next and Submit" buttons?


    Thanks for your help!

    Nina

    Jotform Thread 3641828 Screenshot
  • Dragana JotForm Support
    Replied on January 5, 2022 at 12:58 PM

    Hi, Nina!

    Thank you for reaching out to us.

    "In a couple of places where there was once a question, it has been replaced with this error message: "This form element is not available for this form layout."."

    Since the "Question Properties" field is not allowed on the form layout called "Old Default Theme" you chose to have, I kindly advise you to use the Bootstrap Switch Field Widget.

    1641404762 61d5d95ab789b  Screenshot 10

    You can easily replace the ON Label with YES and the OFF Label with NO.

    1641404801 61d5d9817cf91  Screenshot 21

    "Also, the "Save" button is grayed out but yet you can still click on it. Is there a way to make it the same color as the "Next and Submit" buttons?"

    To customize the Save button, you will have to inject a CSS code into your form.

    Below is the code I recommend you use in this case. If you know CSS, you can change those values and edit the button style as you prefer.

    .form-sacl-button {

      color: #f8f8f8 !important;

      background: #0000cd !important;

      border: 1px solid #dcdcdc !important;

      box-shadow: none

      text-shadow: none

    }

    To inject it into your form, you must go to the Styles menu in your Form Designer.

    1641405357 61d5dbad51cec  Screenshot 32

    Then you will scroll down, paste the code to the Inject Custom CSS field and click on Save.

    1641405388 61d5dbcc13502  Screenshot 43

    I hope it helps.

    Let us know if you have any additional questions or need further assistance.

  • ninazerbo
    Replied on January 5, 2022 at 7:55 PM
    Ok, let me give that a go!
    ...