Cor do Texto

Front-end
#1

E ae galera tudo na boa;

Alguem saberia como posso alterar a cor da fonte de um SelectItem?
Estou usando JSF e a minha intenção e montar um combo onde colocarei o nome das cores nas suas respectivas cores…

Se alguem tiver alguma ideia, agradeço

#2

Utiliza o Style Color no Componente Option com a cor em Hexadecimal. Ex:

style=“color:#f0f0f0;”

Abs

#3

E amigo obrigado pela ajuda, vou testar amanhã, mas estou com uma dúvida se vai funcionar inserindo uma cor diferente para cada selectitem (e como poderia fazer isso??) para depois a lista de selectitem no combo com as cores diferentes.

Obrigado e até mais…

#4

Olá amigos;

Testei a solução proposta mas nao consegui :frowning:
Eu tenho um List de f:selectItem que é retornado do bean para a página e cada item teria que ter uma cor diferente…
Tentei a seguinte alternativa, porem sem sucesso…

this.setId(rs.getInt(1));
this.setDescription(rs.getString(2));		
return new SelectItem(this.getId(), "<html><body><font color='"+ rs.getString(3) +"'> "+this.getDescription()+"</font></body></html>");

onde o 1 representa o id, o 2 representa a descrição e o 3 representa a cor no formato #FFFFFF

que tambem nao funcionou :frowning:

Se alguem tiver alguma alternativa de como implementar a alternativa do colega, to aceitando sugestoes…

Desde já agradeço

#5

onde vc ta chamando esse SelectItem? Tem alguma coisa estranha nisso ai, primeiro porque vc ta abrindo html body dentro do select item a menos que vc tenha um motivo muito forte pra fazer isso, não faça… porque as tags html e body ja estão, ou pelo menos deveriam estar abertas no seu header ou no template facelets ou qualquer outro template.

#6

Pois é amigo, obrigado pela resposta…

Estou chamando em uma página que aplica um template facelets…

Segue página

<?xml version="1.0" encoding="ISO-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:t="http://myfaces.apache.org/tomahawk"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:p="http://primefaces.prime.com.tr/ui">
         
   	<head>
		<a4j:loadStyle src="../css/generic.css"></a4j:loadStyle> 	
	</head>	
   	<ui:composition template="../templates/maintemplate.xhtml">	
		<ui:define name="content">		          		   		
			<rich:panel id="cadgrupos" style=" width : 230px;" headerClass="header" bodyClass="corpo">
		        <f:facet name="header">
		            <h:outputText value="Cadastro de Grupos" />
		        </f:facet>		       	       	           
	            <a4j:form id="modal">
	            	<t:panelGrid columns="1" style="text-align:left;">						
						<h:outputText id="lblempresa" value="Empresa (matrizes)" styleClass="label"/>						
						<h:selectOneMenu id="cmbempresa2" value="#{groupBean.group.branchId}" styleClass="campo_obrigatorio_200">
				        	<f:selectItem itemValue="-1" itemLabel="Selecione um item"/>
				        	<f:selectItems value="#{groupBean.comboCustomers}"/>
				        </h:selectOneMenu>					   
						<h:outputText id="lblgrupo" value="Grupo" styleClass="label"/>						
						<h:inputText id="txtgroup" value="#{groupBean.group.groupName}" styleClass="campo_obrigatorio_190"/>
                                                 <h:outputText id="lblcores" value="Cores" styleClass="label"/>					
						<h:selectOneMenu id="cmbcolours" value="#{groupBean.group.colour.id}" styleClass="campo_obrigatorio_200">
				        	<f:selectItem itemValue="-1" itemLabel="Selecione uma cor" />
				        	<f:selectItems value="#{groupBean.comboColours}"/>	
				        </h:selectOneMenu>		
				        <h:outputText value=" " />	
    				         <t:panelGroup colspan="1" style="text-align:right;">	  
			                <h:commandButton value="Cancelar" action="#{groupBean.cancelInsertGroup}"/>                    
			                <h:commandButton value="Salvar" action="#{groupBean.insertGroup}"/>
		                </t:panelGroup>		                
					</t:panelGrid>	   					 
		      	</a4j:form>			     
			</rich:panel>				
		</ui:define>
	</ui:composition>	    
</html>

A questão é como vou inserir uma cor diferente para cada selectitem inserido no combo???

Obrigado e fico no aguardo qualquer ajuda…

#7

Olá Amigo,

Consegui fazer isso utilizando o jQuery, utilizo a tecnologia jsf 1.2 + facelets, o código segue abaixo:

No meu maneger bean eu coloquei a cor #999999, com isso eu sabia qual cor eu tinha que alterar, substituia essa cor hexadeciaml para vazio e depois colori o item do selected item

[code]



<h:selectOneMenu value="#{relatorioObraMB.relatorioInformacaoContratualMB.contrato}"
styleClass=“campo”
id=“comboRelInfoContratual”>
<f:selectItem itemValue="" itemLabel="#{msg.SELECIONE}" />
<f:selectItems value="#{relatorioObraMB.relatorioInformacaoContratualMB.listaContratosEmVisualizacao}" />
</h:selectOneMenu> 
					<script type="text/javascript">
						/*<![CDATA[*/
							var texto = '';
							jQuery('#formTabRelatorio\\:comboRelInfoContratual option').each(function () {

								if (jQuery(this).text().indexOf('#999999') > 0){
									texto = jQuery(this).text().replace('#999999', '');
									jQuery(this).text(texto);
									jQuery(this).css('color', '#333');

								}
								
							});
															
								
						/*]]>*/
					</script>
					
					
					
					
				</div>
			</div>

[/code]

Abraços e espero ter ajudado

#8