Inscrições abertas para nosso Webinar anual Adianti Framework 2024!
Clique aqui para saber mais
TOOTIP - em TButton e TDataGridAction Boas, A certos casos onde o espaço não nos permite colocar Legenda nos botões, assim partimos para os Tootip ( https://getbootstrap.com/docs/3.3/javascript/#tooltips ) No entanto observei que os botões apesar de ter o setTip o mesmo não funciona já que o mesmo pertence ao TField, mas podemos contornar usando {'title'}. Agora nos casos dos botões que são criados nas Grid...
MC
TOOTIP - em TButton e TDataGridAction  
Boas,

A certos casos onde o espaço não nos permite colocar Legenda nos botões, assim partimos para os Tootip ( https://getbootstrap.com/docs/3.3/javascript/#tooltips )

No entanto observei que os botões apesar de ter o setTip o mesmo não funciona já que o mesmo pertence ao TField, mas podemos contornar usando {'title'}.

Agora nos casos dos botões que são criados nas Grids, como colocar um TooTip neles ?


Exemplo

  1. <?php 
  2. $botao = new TButton('botao1');
  3. $botao->setTip 'ola';                         // não funciona
  4. $botao->{'title'} = 'ola';                         // assim funciona
  5. // botões criados nas grids
  6. $action_edit = new TDataGridAction( array( 'Tela_Cadastro''onEdit' ));
  7. $action_edit->setUseButton(TRUE);
  8. $action_edit->setButtonClass('btn btn_Cian');
  9. $action_edit->setImage('fa:pencil-square-o fa-lg');
  10. $action_edit->setField('ID');
  11. $this->datagrid->addAction$action_edit );
  12. ?>



Abraços

Pacotão Dominando o Adianti Framework 7
O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado! Versão 7.4


Dominando o Adianti 7 Quero me inscrever agora!

Comentários (3)


MC

Mais uma pergunta:

Como mudar a cor de fundo dos Tootip ?.
NR

Você pode adicionar o tooltip à imagem da ação:
  1. <?php
  2. $img_edit = new TImage('fa:pencil-square-o fa-lg');
  3. $img_edit->title 'Teste';
  4. $action_edit->setImage($img_edit);
  5. ?>

As configurações de css do tooltip estão no arquivo lib/include/tooltip/tooltip.css. Copie os atributos que deseja modificar para o arquivo app/templates/tema/application.css e faça as modificações.
MC

Nataniel Boas,

E realmente, vi esta solução numa outra pergunta, mas valeu mesmo assim... Obrigado.

No entanto fui para a solução definitiva e vou mandar para vocês, fiz alterações a 3 arquivos relacionados ao DataGrid, quem
sabe numa próxima versão consigam fazer a implementação.

Abraços e boas festas

Marco Aurelio