Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Remover classe 

Remove uma classe css que foi configurada do componente selecionado.

Parâmetros

Nome

Tipo

Doc

Parâmetro 1ObjetoIdentificador do componente que terá a classe removida.
Parâmetro 2Texto

Recebe o nome da classe sem o símbolo de ponto no começo do nome.

Exemplo: style6090 

Compatibilidade

 Servidor

 Cliente

Exemplo

Após vincular um formulário de referência nas configurações do bloco, a função "RemoverClasse" (Figura 1) recebe o bloco Remover classe e seus parâmetros estão configurados da seguinte forma:

  • Obter identificador: nome da propriedade Identificador do componente que será utilizado;
  • Valor do atributo: Classe CSS que será removida (Sem o ponto antes do nome da classe).


Figura 1 - Bloco Definir visibilidade


A função acima é atribuída ao evento Ao Clicar do botão. Ao clicar no botão "Remover Classe" (Figura 1.1), após a função ser chamada será removido a classe do componente Entrada de texto, inserimos uma cor de fundo na classe para ficar melhor de visualizar, após o clique no botão a classe foi removida do componente Entrada de texto como mostrado na figura 1.1 e figura 1.2.



Figura 1.1 - Antes do clique para remover a classe CSS


Após o clique na figura 1.1, a classe CSS é removida do componente (Figura 1.2).


Figura 1.2 - Após o clique para remover a classe CSS


Abaixo, segue o estilo CSS que foi utilizado no exemplo, ele pode ser configurado na aba Estilo, para mais detalhe acesse a documentação sobre Estilo - CSS.


Figura 1.3 - Estilo CSS utilizado

Vincular formulário

Para selecionar o Identificador(id) do componente no parâmetro Obter identificador, é necessário apontar a view desejada no campo Formulário de referência das configurações do Editor de Bloco de programação.

Informações
titleMais sobre
Veja mais detalhes no tópico "Propriedades do Blockly" em Bloco de programação.

Mais sobre o bloco

É possível utilizar qualquer classe criada pelo usuário em app.css com o Modo avançado ativado (EndereçoEndereço: src/main/webapp/css/app.css) ou as classes que são carregadas junto com a página.

Dica

Quando acrescentado uma classe, será incluindo no atributo classe do elemento, porém, lá já pode existir outras classes anteriores a ela tendo mais prioridade, se nessas classes houver algo que altere a mesma propriedade css que você inseriu, quem tiver mais prioridade das classes irá sobrepor as demais.