Skip to main content

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

Usando CSS

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.

 

Usando Javascript

 

//Qualquer uma dessas funções javascript pode te ajudar

//a função javascript retorna se o form está no modo Publico ou não 
var isPublicPortal = formContext.isPublicPortal();

//OU 

//a função javascript retorna se o form está no modo Publico ou não 
var isPublicForm = formContext.isPublicForm();

 

Back to top