Hi all.

I am using the richfaces fileUpload component in my current project and I have some problems with it.

This skinning part is that I want to replace the entire layout with just an upload button (which I made myself in photoshop). I came pretty close but still not all the way. This is how i did it, please comment on it:


JSF code:

 <rich:fileUpload fileUploadListener="#{AdvertiserContentHandler.notificationUploadListener}"
 id="create_new_notif_logoUpload"
 immediateUpload="true"
 acceptedTypes="jpg, gif, png, bmp" allowFlash="false" listHeight="0" listWidth="100"
 maxFilesQuantity="99" addControlLabel="#{msg.advertiser_upload_image}" clearAllControlLabel="" clearControlLabel="">
 <a4j:support event="onuploadcomplete" reRender="create_new_notif_image_panel" />
 </rich:fileUpload>

CSS file :

.rich-table-subheader{
 background-color: #FBFBFB;
}

.rich-fileupload-toolbar-decor {
 background-color: #FBFBFB;
 border-bottom: 0px;
 border-left: 0px;
 border-top: 0px;

}
.rich-fileupload-list-decor {
background-color:#FFFFFF;
border:0px;
}
.rich-fileupload-list-overflow {
 display: none;
}

.rich-fileupload-ico-clear {
 display: none;
}
.rich-fileupload-ico-stop {
 display: none;
}

.rich-fileupload-font {
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}

.rich-fileupload-button-border {
border:0px;
margin:2px;
}

.rich-fileupload-button {
background-color:#FBFBFB;
background-position:left top;
background-repeat:repeat-x;
cursor:pointer;
padding:2px;
}

Issues with Internet Exlporer:

The upload doesnt work most of the times. The listner doesnt even get the call. Some pictures work, it's not the size, it is set to 10000000 in the web.xml. Using IE 7.0.6 but this needs to work older versions to.

Any input will be appriciated

Thanks.