I want to hide the Cancel button and make it not taking any space in the page.

 

In a post in the forum I found this code:

 

function CuteWebUI_AjaxUploader_OnStart()
 {
  var hidden=this;
  hidden.internalobject.cancelBtn.style.visibility="hidden";
 }

 

It works properly hiding the Cancel button but the space on the page is still used (as by rule of visibility property).

If I try to use the property display="none" (that is the right one to free also space used by the element in the page)

 

 

the cancel button is still visible.

 

Any way to hide and free the space of the cancel button?

 

Hi,

 

The uploader will set the display property again.

 

You can use CSS to hide it:

 

Server:

  uploader.CancelButton.CssClass="HideIt";

 

(you can also set the css class by javascript)

 

Client:

 

<style>

.HideIt

{

    display:none!important;
}

</style>

 

Regards,

Terry

 

Hi Terry,

 

thanks for your suggestion, but please clarify how to assign a CssClass to the Cancel Button on server side.

 

The only way I have been able to convince the Cancel Button to use a CssClass as you suggested is to force in the client script as follows: