Os botões em uma tabela devem ser visualmente distintos e interativos. Uma cor de fundo bem escolhida garantirá que eles chamem a atenção do usuário, enquanto um efeito de foco suave confirmará que eles são clicáveis. Sem isso, os botões correm o risco de parecerem fora do lugar ou, pior ainda, de passarem despercebidos.
Neste guia, você aprenderá a personalizar as cores dos botões e os efeitos de foco diretamente no editor, para que suas tabelas permaneçam limpas, funcionais e profissionais.
Etapa 1: Clique no botão dentro da tabela #
Localize o botão que você adicionou em uma célula da tabela. Clique diretamente no botão para selecionar o bloco Button.
Etapa 2: Abra a barra lateral de configurações de bloqueio #
Quando o botão estiver selecionado, olhe para a barra lateral direita. Se a barra lateral não estiver visível, clique no ícone Configurações no canto superior direito do editor para abri-la.
Etapa 3: Alterne para a guia Styles (Estilos) #
Na barra lateral, vá até a guia Styles (Estilos). É nela que estão localizadas todas as configurações relacionadas à aparência do bloco Button.
Etapa 4: Escolha uma nova cor para o botão #
Role para baixo até encontrar a seção Color (Cor). Você verá opções para definir a cor do texto, a cor do texto em foco, a cor do plano de fundo e a cor do plano de fundo em foco para o botão.
Clique na paleta de cores e escolha a cor que desejar ou insira um código HEX/RGB se quiser um controle preciso.
Conclusão
Um bom design de botão em tabelas Tableberg se resume a dois elementos essenciais. Primeiro, a cor do botão deve contrastar claramente com o plano de fundo da tabela para que ele se destaque em um piscar de olhos. Em segundo lugar, um estado de foco definido oferece aos usuários um feedback instantâneo e confirma que o botão é interativo.
Agora que você sabe como definir ambos, seus botões terão a aparência correta e se comportarão da maneira que os usuários esperam.
