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
Cor do Texto
B
6 Respostas
F
Utiliza o Style Color no Componente Option com a cor em Hexadecimal. Ex:
style=“color:#f0f0f0;”
Abs
B
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…
B
Olá amigos;
Testei a solução proposta mas nao consegui 
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
Se alguem tiver alguma alternativa de como implementar a alternativa do colega, to aceitando sugestoes…
Desde já agradeço
M
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.
B
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…
Z
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
<div class="grid_7">
<div class="item">
<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>
Abraços e espero ter ajudado
Criado 8 de abril de 2010
Ultima resposta 11 de nov. de 2011
Respostas 6
Participantes 4