Ir para conteúdo


Foto

tbtext com ícone


  • Por favor, faça o login para responder
1 resposta neste tópico

#1 Alex Ferraresi

Alex Ferraresi

    Iniciante

  • Membros
  • Pip
  • 7 posts
  • LocationSão Paulo

Postado 03 December 2013 - 03:53

Se você, assim como eu, sempre utilizou um objeto button para adicionar um ícone a um texto somente para apresentar uma informação mais chamativa, utilizando a propriedade iconCls para exibir um ícone, ai vai uma dica simples para utilizar ícones em um tbtext:

Crie uma classe CSS no seu arquivo .css:
 
.classe-texto-informacao {
	background	: url('../images/information.png') left top no-repeat;
	padding-left	: 20px;	
}

Utilize esta classe na propriedade cls do componente tbtext:
 
{
	xtype	: 'tbtext',
	cls	: 'classe-texto-informacao',
	text 	: 'Meu texto'
}


#2 Legolas

Legolas

    Ext JS - Admin

  • Administrators
  • 3497 posts
  • LocationBelo Horizonte

Postado 03 December 2013 - 06:58

Alex Ferraresi, boa meu caro obrigado por compartilhar.

"A verdadeira vitória não é derrotar alguém forte... É ser capaz de proteger alguém que você ama de verdade!" (Maito Dai)





0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos