hideButton and wmode help

visvam

I am having trouble figuring out how to properly hide the flash button and replace it with a css styled one. I have set hideButton:true and wmode:transparent, which removes the visibility of the flash button. I have an html button element under the file input but the clickable area remains above the button. Here is my code:


'uploader'  : '/editor/library/uploadify/uploadify.swf',
'script'    : processorurl,
'hideButton': true, 
'wmode'		: 'transparent', 
'method'	: 'get',
'fileDataName' : 'profileimage',
'scriptData': {'type': 'profileimage','pageid': pageID},
// 'buttonText': 'Select Image',
'width'		: '300',
'height'	: '10',
'cancelImg' : '/editor/library/uploadify/cancel.png',
'auto'      : true,
'folder'    : '/uploads',


<img src=\"/editor/images/placeholder_profileimage.gif\" id=\"profileimageplaceholder\" alt=\"Profile Image Placeholder\" style=\"border:1px solid #666;\">
<p><input type=\"file\" name=\"profileimage\" id=\"profileimage\"></p>
<p><button class=\"ui-state-default ui-corner-all\" id=\"profile-preview\">Select Image</button></p>

Any help in what I need to do to extend the clickable area to encompass my html button is greatly appreciated.

TravisN.

The idea of using css to style the browse button is to place an image/styled area behind the flash button and use the transparent flash button to trigger the browse dialog. Flash requires the browse dialog to be triggered by a flash event.

So you are correct the clickable area remains above the button, But you shouldn't be using a button underneath it.

visvam

Thank you for the clarification on this!

ccagle8

I am not quite getting this - so can you or can you not style the browse button with pure css? I would like to not use an image for the button at all... Thanks!

marcos.pont

There are implementations (http://code.google.com/p/jquery-transmit/) that support using an HTML/CSS button and place the movie above it (using wmode transparent).
Why is this not possible with Uploadify?

Howdy, Stranger!

Categories