Reply To: Validating only the first field

[Support]

Olá,

Ótimo!

Em relação a sua necessidade do tooltip, infelizmente o Porto não vem com um coódigo pronto para esse tipo de funcionalidade específica. Porém, você pode tentar algo semelhante adicionando este código personalizado de CSS abaixo:

(css/custom.css):

.form-control.is-invalid {
    position: relative;
}

.form-control.is-invalid + .error {
    position: absolute;
    top: -130%;
    left: 70%;
    transform: translate3d(-50%, 0, 0);
    background: #212121;
    padding: 7px 20px;
    border-radius: 4px;
    color: #FFF;
}

.form-control.is-invalid + .error:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border-top: 5px solid #212121;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

* Por favor, note que dependendo da estrutura de “required” fields que você está utilizando, em algum momento os tooltips podem sobrepor os campos. O ideal seria adaptar o código acima de acordo com sua necessidade e estrutura de formulário. Mas acredito que este isto já ajude e lhe dê um norte!

Esperamos que isso ajude!

Atenciosamente,

Rodrigo.

Se você está satisfeito com o Porto HTML e nosso suporte, seria ótimo se você pudesse nos avaliar na seção de downloads do ThemeForest. Isso nos ajuda muito! https://themeforest.net/downloads

---