Pflichtfeld-Warnung des Formulars anpassen oder deaktivieren

  • HSBA
    Gefragt am 24. Mai 2022 um 10:07

    Hallo,

    ist es möglich die Warnmeldung (siehe Screenshot) anzupassen oder zu deaktivieren?

    Sie verdeckt leider das Formular und lässt sich nirgendwo anpassen.

    Also muss es wohl über CSS angepasst werden.

    Vielen Dank und viele Grüße

    Fabian Niemand


    Hello,

    Is it possible to customise or deactivate the warning message (see screenshot)?

    Unfortunately it covers the form and cannot be adjusted anywhere.

    So I guess it has to be adjusted via CSS.

    Many thanks and best regards

    Fabian Niemand

    Jotform Thread 4037793 Screenshot
  • HSBA
    Geantwortet am 24. Mai 2022 um 10:19

    Here my CSS Code:

    @import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i,700,700i");


    body, .form-all {
        margin-top : 0;
        background : none !important;
        box-shadow : none;
        border-radius : none;
        font-family : "Titillium Web",sans-serif;
        font-weight : 400;
    }


    .form-section.page-section {
        box-shadow : none;
        border-radius : none;
        background : none !important;
    }


    .form-submit-button {
        background : #548ecb;
        color : #fff;
        border : 1px solid #eee;
        border-radius : none;
        box-shadow : none;
        text-shadow : none;
        width : 210px;
        height : 40px;
        font-family : "Titillium Web",sans-serif;
        font-weight : 600;
    }


    .form-submit-button:hover {
        background : #3775B5;
        color : #fff;
        border : 1px solid #eee;
        border-radius : none;
        box-shadow : none;
        text-shadow : none;
        width : 210px;
        height : 40px;
        font-family : "Titillium Web",sans-serif;
        font-weight : 600;
    }


    .form-textbox {
        background : #fff;
        height : 30px;
        font-family : "Titillium Web",sans-serif;
        font-weight : 400;
    }


    .form-dropdown {
        background : #fff;
        height : 30px;
        font-family : "Titillium Web",sans-serif;
        font-weight : 400;
    }


    .form-input-wide {
        background : none !important;
    }


    #cid_1 {
        height : 50px;
        align-content : center;
        background : none !important;
    }


    .form-buttons-wrapper.form-buttons-auto.jsTest-button-wrapperField {
        background : none !important;
    }


    #cid_1 div.form-buttons-wrapper {
        height : 50px;
        align-content : center;
        background : none !important;
    }


    .form-error-message {
        display : none;
    }


    .form-validation-error {
        box-shadow : none !important;
    }


    .form-line-error {
        background : none;
    }
  • Patrick_R
    Geantwortet am 24. Mai 2022 um 10:28

    Hello,

    To disable the red error bar on top, you need to disable the Show error navigation on forms setting from Form Settings (as shown below).

    1653402437 628ceb45a612f  Screenshot 10

    Here is a test form you can try: https://form.jotform.com/221434385170956

    If you have questions, let us know.