Hi telerik Team,
I have created HTML
dropdown and HTML input box as Additional fields for RADUpload, everything is
working fine but I want all of them in one row , please advise how can I
achieve it.
-----------------------------
function addTitle(radUpload, args) {
var curLiEl = args.get_row();
var firstInput = curLiEl.getElementsByTagName("input")[0];
//Create a simple HTML template.
var table = document.createElement("table");
table.className = 'AdditionalInputs';
//A new row for a Title field
row = table.insertRow(-1);
cell = row.insertCell(-1);
select = document.createElement("select");
select.name = "SubmissionType";
select.className = "DropDownList";
select.id = select.name = radUpload.getID(select.name);
var labelDocType = CreateLabel("Document Types: ", select.id);
cell.appendChild(labelDocType);
cell.appendChild(select);
addOption(select, "------- Select Document Type -------", "0");
bindDropDown(select);
input = CreateInput("SubmissionForm", "hidden");
input.name = "SubmissionForm";
input.id = input.name = radUpload.getID(input.name);
cell.appendChild(input);
select.onchange = function () { assignHiddenInput(); }; // Call function on Dropdown change event.
//A new row for a Title field
row = table.insertRow(-1);
cell = row.insertCell(-1);
var inputTitle = CreateInput("Title", "text");
inputTitle.className = "TextField";
inputTitle.id = inputTitle.name = radUpload.getID(inputTitle.name);
var label = CreateLabel("Notes about Documents if any: ", inputTitle.id);
cell.appendChild(label);
//cell = row.insertCell(-1);
cell.appendChild(inputTitle);
var fileInputSpan = curLiEl.getElementsByTagName("span")[0];
var firstNode = curLiEl.childNodes[0];
label = CreateLabel("Upload File : ",radUpload.getID());
curLiEl.insertBefore(label, firstNode);
curLiEl.insertBefore(table, label);
}