Skip to main content

Como ocultar um campo do formulário quando ele estiver em modo público?

Suponhamos que você tenha um formulário chamado Solicitação de Orçamento e deseja ocultar os campos Status e Identity apenas quando esse Formulário estiver sendo apresentado no "modo/ambiente" Público (Website, Form Público,  Portal Público), basta aplicar o CSS abaixo.

Levando em consideração que na estrutura do formulário, todos os elementos que compõem os campos possuem a classe CSS no formato .item-[id do campo]. Isso significa que, para ocultar um campo específico, você pode utilizar essa classe no seletor CSS.

Quando o formulário estiver no modo público, a tag <html> conterá a classe public-portal. Com isso, você pode esconder os campos desejados da seguinte forma:

html.public-portal .item-identity{
    display: none
}

html.public-portal .item-status{
    display: none
}

Dessa forma, sempre que o formulário estiver público, os campos Status e Identity serão ocultados automaticamente.

Back to top