Hi, here are action script  classes of jewel validator, 

they need style as below

```css
.jewel.textinput.errorBorder input {
    border: 1px #EC1C24 solid;
}

.jewel.errorTip {
    padding: 6px;
    box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
    color: #fff;
    background: #EC1C24;
    box-sizing: border-box;
    animation: slide-up 0.4s ease;
    z-index: 1;
    margin-top: -31px !important;
}

.jewel.errorTip::before {
    border: solid 8px transparent;
    top: 100%;
    left: 8px;
    border-top-color: #EC1C24;
    position: absolute;
    content: "";
    margin-top: 0px;
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
```
I have not study how to add them into jewel theme,
and have not enogugh knowledge of framework, like COMPILE::JS

These valiators are just a trial.
Please feel free to edit them or give me some hints, thanks



[ Full content available at: https://github.com/apache/royale-asjs/pull/281 ]
This message was relayed via gitbox.apache.org for [email protected]

Reply via email to