Customized uploadify in Zend

Customized upload button in uploadify

In uploadify web site they give a good example that how can you hide the default button and apply your customized css . I'm going to show you how can you place anchor tag instead of button, Its not a new thing but might be helpful for someone. I face this problem when i have to give link which have similar functionality like uploadify button.

What i did is just by CSS below is the code and explanation, please let me know if you find any other issue related to this one and off course please appreciate if find useful :)

In page.phtml

Upload link

$('#upload_file').uploadify({

//

..........

......

'auto' : true,

'hideButton' : true // We need it for custom browse button

});

in uploadify .css

#upload_fileUploader {

background: none;

z-index: 2;

position: absolute;

margin-left: 5px;

width: 40px;

}

#upload_file {

display: inline;

}

#upload_file a {

position: absolute;

padding-left: 5px;

}

Its done. :)

few things that i have to mention, overlap a upload button with href mainly depends on few CSS steps:

(a) First and most important is z-index

(b) position

(c) display

Hope it helps for you.