Changing positioning of the remove and submit button in CustomizingRadProgressAreaUI,CustomizingRadUploadUI.

[Sharada]

Hi,
  I am using CustomizingRadUploadUI.
I want change position of the remove button before file input box.
also I want submit button net to the add button. Please tell me how can i achieve this.
below is my code:

 

<table width="100%" cellpadding="0" border="1" cellspacing="0">

 

 

<tr><td><rad:RadUpload SkinsPath="~/RadControls/Upload/Skins" Skin="Vista_New" ID="Radupload1"

 

 

runat="server" InitialFileInputsCount="1" />

 

 

<asp:ImageButton ImageAlign="Right" ID="ibtnSubmit" runat="server" ImageUrl="~/Images/btn_Submit.gif"

 

 

AlternateText="Click here to submit." OnClick="ibtnSubmit_Click"></asp:ImageButton>

 

 

<rad:RadProgressArea ID="RadprogressArea1" runat="server" DisplayCancelButton="True">

 

 

</rad:RadProgressArea>

 

 

</td><td>

 

 

<div style="float: right; margin-right: 9px; height: 132px; width: 250px;" class="module">

 

 

<asp:Label ID="labelNoResults" runat="server" Visible="True">No uploaded files yet</asp:Label>

 

 

<asp:Repeater ID="reportResults" runat="server" Visible="False">

 

 

<HeaderTemplate>

 

Uploaded files:

<br />

 

 

</HeaderTemplate>

 

 

<ItemTemplate>

 

'<%

#DataBinder.Eval(Container.DataItem, "FileName")%>' ( '<%#DataBinder.Eval(Container.DataItem, "ContentLength").ToString() + " bytes"%>'

 

)

<br />

 

 

</ItemTemplate></asp:Repeater>

 

 

</div></td></tr></table>

I have tried by placing button in following way but it is not working:

 

 

var x=document.getElementById('Radupload1ButtonContainer').rows(0);

 

 

var y=x.insertCell(1);

 

 

//var z=x.insertCell(1);

 

 

 

 

var input = document.createElement("ImageButton");

 

input.type =

"submit";

 

input.className =

"ruButton";

 

input.value =

"Submit";

 

input.id = input.name =

"submit";

 

 

 

//y.innerHTML=input;

 

 

 

y.appendChild(input);
Please reply.

[Sharada]

Please Reply...I am stuck at this.

[Genady Sergeev]

Hi Sharada,

Putting the submit button inside the RadUpload container is pretty easy - please refer to this article. With respect to your second question - unfortunately customizing RadUpload user interface does not support changing the position of the buttons. Its idea is to determine which buttons to be visible and which not. However, a possible workaround might be to create a custom style sheet that manipulate the position of the buttons.

I hope this information helps.

All the best,
Genady Sergeev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Sharada]

HI,
  I have tried by solution given by you.
 But somehow ,

 

var upload = $find("<%= Radupload1.ClientID %>"); Syntax is not working.

 

 

Also,  tried this syntax but it is not working....var upload = $(this).find("<%= Radupload1.ClientID %>");

In view sorce I am not getting element Radupload1
I can see following elements.
Radprogressmanager1 , Radupload1_wrapper,Radupload1StyleSheetHolder,Radupload1HolderTable,Radupload1ButtonArea

Kindly gimme some other way to solve this problem.

 

[Genady Sergeev]

Hello Sharada

You are using the classic upload, no the AJAX one. Thus you cannot use $find. Consider using GetRadUpload function instead. Example:

var upload = GetRadUpload('<%= RadUpload1.ClientID %>')

Sincerely yours,
Genady Sergeev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.