If you wanted to be clever, you could change the font to a fixed-width font, and write a little JavaScript routine to replace the blanks with non-breaking spaces. That would work with a select box, I don't know about other widgets.
For example, for a select box that has an id property of "Dropdown1", I could set the "font family" property to Consolas (which is a fixed-width font):
- dropdown1.png (12.67 KiB) Viewed 2236 times
Then in the "ondbload" function, put the following code:
Code: Select all
if (response.success) {
var widget_id = response.id;
setTimeout(function() {
var dropdown = getObj(widget_id);
for (var i=0; i<dropdown.options.length; i++) {
dropdown.options[i].innerHTML = dropdown.options[i].innerHTML.replace(/ /g, "\u00A0");
}
}, 1);
}
This runs each time data is loaded from the database, and then replaces all spaces with Unicode U+00A0 characters (which are non-breaking spaces.) As long as you are using a fixed-width font family (such as Consolas in my example) this should allow your data to line up the way you want.