Dynamic Space between Label and Textbox?

Question

Dynamic space between Label and Text box. Requirement 1. Do not use width and table layout 2. Do not use margin and padding e.g Label : Textbox label : Textbox Remove : Textbox Thanks, kml surani

Kml Surani · Answer

var header, nestedheader, td, childElem, input, Content, divElem; Content = document.createElement('div'); divElem = document.createElement('div'); divElem.setAttribute("style", "padding:0.06in;"); childElem = ss.Tools.Drag.dragData.items; var intLength = 0; for (j = 0; j if (childElem[j].title.length > intLength) { intLength = childElem[j].title.length; } } for (i = 0; i Elem = document.createElement('div'); Elem.setAttribute("style", "margin:1px 0px;"); span = document.createElement('span'); var strnbsp = ""; var countchild = (intLength + ((intLength - childElem[i].title.length))); for (var j = 0; j strnbsp += " " } if ((intLength - childElem[i].title.length) > 0) { for (var k = 0; k if (childElem[i].title[k] === childElem[i].title[k].toUpperCase()) { strnbsp = strnbsp.replace('   ', ''); } } } else { strnbsp = strnbsp.replace('                ', ''); } span.innerHTML = childElem[i].title + strnbsp; Elem.appendChild(span); input = ss.Tools.Drag.renderField(childElem[i]); Elem.appendChild(input); span = document.createElement('span'); span.innerHTML = ' ' Elem.appendChild(span); divElem.appendChild(Elem);

Manas Mohapatra · Answer

Please provide your code. And describe your requirement more.

Kml Surani · Answer

second option i use but label and text box bind javascript dynamically. to small or capital letter some times label name larger how can i count

Manas Mohapatra · Answer

Hi, You can use following ways to achieve your requirement without any css: Option 1:(Use of pre tag) pre is html tag which you can use to achieve your requirement. Ex: Label : label : Option 2:(Use of   tag)   is a html tag which use as space. Ex: Label       : label     : Remove     :

Dynamic Space between Label and Textbox?

Answers (4)