Graph transparency not working RF 3.3.0 - Facelets - Seam

[maguri]

Hi,

Images (gif or png) assigned to commandButton dont display transparency correctly in Firefox, In IE7 transparency is even worst. For example, check boxes and radio buttons.

The component graphicImage renders transparency correctly.

Am I missing something?

[nbelaevski]

Hello,

How does this relate to RichFaces?

[maguri]

Hi,

Well, may be I'm totally mistaken but if component h:graphicImage with transparency works correctly in Firefox and a4j:commandButton using exactly the same image does not, doesnt it has something to do with RichFaces??

By the way I'm a great fan of Richfaces, using it heavily and trying to solve some problems and trying to help to make it even better.

Greetings,

Antionio Gurisatti

[nbelaevski]

Antionio,

Can you please post page code? And what image format is used: PNG or GIF?

[maguri]

Hi,

After doing some tests, I found that the transparency problem is only present in commandButton inside a rich:column.

In this case, the image is rendered with border and wrong background, not transparent color.

Example

 <rich:column id="selec">
 <f:facet name="header"><h:outputText value="#{msg['plan.lblSelect']}"/></f:facet>
 <a4j:commandButton image="/images/app_icons/edit2.gif"
 title="#{msg['plan.editBtnHint']}"
 actionListener="#{planManagerController.editStrategicPlan}"
 rendered="#{plan.updateActionRendered}"
 reRender="planCntrl, helpPanel"/>
 <rich:spacer width="3px"/>
 <a4j:commandButton image="/images/app_icons/delete2.gif"
 title="#{msg['plan.deleteBtnHint']}"
 actionListener="#{planManagerController.deleteStrategicPlan}"
 reRender="planCntrl" rendered="#{plan.deleteActionRendered}"
 oncomplete="Richfaces.showModalPanel('planDeletePup',{width:320, top:100})"/>
 <rich:spacer width="3px"/>
 <a4j:commandButton image="/images/app_icons/activate.png"
 title="#{msg['plan.nextStatusHint']}"
 actionListener="#{planManagerController.nextPlanStatus}"
 reRender="planCntrl" rendered="#{plan.nextStatusActionRendered}"/>
 <rich:spacer width="3px"/>
 <a4j:commandButton image="/images/app_icons/deactivate.png"
 title="#{msg['plan.previousStatusHint']}"
 actionListener="#{planManagerController.previousPlanStatus}"
 reRender="planCntrl" rendered="#{plan.previousStatusActionRendered}"/>
 </rich:column>

[maguri]

Hi,

After doing some tests and checking, rechecking and checking again I found the problem: I had a small glintch or ooooops in my css file. Now its working fine.

My apologizes for bothering you all.

Antonio