Displaying the error message above the submit button instead under it

  • trickynek
    Asked on December 7, 2015 at 11:47 AM
    Next Question - Can I control where the error message is displayed? IE, I would like it at the top of the form instead of the bottom
  • Ben
    Replied on December 7, 2015 at 11:59 AM

    There is no option for that, but you can do it through CSS.

    To show it above, you could utilize a code such as this one:

    data-type="control_button"] .form-buttons-wrapper {
        display: block;
        position: relative;
        top: 50px;
    }
    [data-type="control_button"] .form-button-error {
        display: block;
        position: relative;
        top: -60px;
    }

    Do try it out and let us know if that is what you were after :)

    You should add this CSS as the other one (on previous thread). If needed here are the steps: Inject Custom CSS Codes

    I only suggest to add the CSS code above under all the other CSS code in there.

  • trickynek
    Replied on December 7, 2015 at 12:23 PM

    Hmm ok. Im trying to think of a way to do it without using the positions because it will not be fluid for responsiveness and have some screen variation among platforms and operating systems. 

  • Kiran Support Team Lead
    Replied on December 7, 2015 at 12:45 PM

    Yes. Unfortunately, it is not possible to move the error message without using the positions. If you want to display the error message based on the screen size we may need to position the message manually for each screensize separately.

    Let us know if that helps. If you need any further assistance, please let us know. We will be happy to help.