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).


Image Modified

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.