Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #101578
    Dark Beccio
    Member

    Hi, just tried validator. (Super-cool!)
    Is it possible to spawn the error message right-side input box?
    actually the error message spawn under the input box.
    Ty for support.

    #101580
    yavordashew
    Member

    Hi Dark Beccio,
    Yes it is possible to achieve this by using the CSS classes and pseudo elements.
    I have made a little example how to place it on the right side of the input.

    /* This selector removes the element with the  exclamation mark if you want to be visible you can opt no to use this selector */
    .jqx-success-label-like-after-element::after, .jqx-error-label-like-after-element::after{
        display: none;
    }
    /* With this selector you can customise the error message according to your needs */
    .jqx-error-holder{
        width: 500px;
        position: absolute;
        margin-left: 180px;
        margin-top: -25px;
    }

    Note that I used this demo https://www.htmlelements.com/demos/validator/base-inputs/ for testing this functionality and its possible that you need to adjust to your requirements.
    Please, do not hesitate to contact us if you have any additional questions.
    Best regards,
    Yavor Dashev
    Smart UI Team
    https://www.htmlelements.com/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.