Additonal Fields needs to be in one line.

Thread is closed for posting
1 posts, 0 answers
  1. Purvish
    Purvish avatar
    1 posts
    Member since:
    Aug 2012

    Posted 28 Aug 2012 Link to this post

    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.

    I have attached screentshot also. I tried jquery approach which u mentioned in another thred but seems like it's not working for me.

    -----------------------------


     

    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);              

                }

     

     Thanks,
    Purvish Shah.

     

     

Back to Top