Dynamic Space between Label and Textbox?

11y5.3kWeb Development

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

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

11y ago
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 < childElem.length; j++) {
if (childElem[j].title.length > intLength) {
intLength = childElem[j].title.length;
}
}
for (i = 0; i < childElem.length; 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 < countchild ; j++) {
strnbsp += " "
}
if ((intLength - childElem[i].title.length) > 0) {
for (var k = 0; k < childElem[i].title.length; 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);
0
Manas Mohapatra11y ago
Please provide your code. And describe your requirement more.
0
11y ago
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
0
Manas Mohapatra11y ago
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 :
0