Last release of gwtupload (http://code.google.com/p/gwtupload/) has the ability to hidde the original fileinput rendered by the browser and show a customizable button or clickable widget.
Manolo On Wed, Mar 3, 2010 at 8:27 PM, Luis Fernando Planella Gonzalez <[email protected]> wrote: > I have implemented something like this in my own app, but can't post > the GWT code. > However, here is the HTML sketch I reproduced in GWT with widgets: > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > <html> > <head> > <style type="text/css"> > <!-- > .uploadContainer { > bottom: 0px; > overflow: hidden; > position: absolute; > right: 0px; > top: 0px; > left: 0px; > } > .upload { > filter:alpha(opacity: 0); > opacity: 0; > z-index: 1; > position: absolute; > right: 0px; > top: 0px; > bottom: 0px; > cursor: pointer; > cursor: hand; > } > --> > </style> > </head> > <body> > <form> > <table cellpadding="0" cellspacing="0"> > <tr> > <td align="right"> > <div style="position:relative"> > <button class="uploadButton" type="button" > id="uploadButton">ABCDE</button> > <div class="uploadContainer"> > <input type="file" class="upload" > onchange="getElementById('selectedFile').innerHTML = this.value"/> > </div> > </div> > </td> > <td id="selectedFile"></td> > </tr> > </table> > </form> > > </body> > </html> > > > > On 3 mar, 13:08, Mathieu <[email protected]> wrote: >> thanks for your answer >> >> I already did this technique but the fact is my browse button has 2 >> different styles switched when the mouse is over it. So with this >> technique, the over mouseevent can't be use with the browse button >> which is under the fileupload widget even if it's invisible :/ >> >> Maybe someone will have an idea to figure it out with this solution or >> another, but anyway, thanks for your time, I appreciate. > > -- > You received this message because you are subscribed to the Google Groups > "Google Web Toolkit" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-web-toolkit?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
