Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

hideButton and wmode help
  • 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.
  • 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.
  • Thank you for the clarification on this!
  • 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!
  • 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?