:: Forum >>

Label Elipsis/Hard Limit

I'm having problems with labels expanding as needed. Is there a way to do one or all of the following?

1) Have label fields uses elipsis'?

2) change it to an input field but make it now show any type of normal input box...(border: none; doesn't seem to work on IE or I'd use that)

3) Cut off a lable at the end length forcably even withotu the elipsis?

My preference would be #2 honestly so that it could be a long value and I could just highlight and scroll down through it.

Any other ideas? Hard to make fixed size control style forms with crazy length values =)
Mike
Tuesday, April 17, 2007
btw...#2...
<style>
#obj { left: 80px; top: 148px; width: 150px; font-weight: bold; border: 0; background-color: #f9f8f4; }
</style>
<script>
var obj = new AW.UI.Input;
device_type_input.setId("obj");
obj.getContent("box").setStyle("border", "0");
document.write(obj);
</script>
Mike
Wednesday, April 18, 2007
1).
var obj = new AW.UI.Label;
obj.setClass("text", "normal"); // "normal", "expand" or "wrap"

2).
var obj = new AW.UI.Input;
obj.setStyle("border", "none");
Alex (ActiveWidgets)
Friday, April 20, 2007
Alex, your #2 still left a box for me, the only way I found around it was to use obj.getContent("box").setStyle("border", none);
Mike
Monday, April 23, 2007
Also, the following all shows the exact same thing for me in reference to #1

<HTML>
<HEAD>
<LINK href="/ActiveWidgets/runtime/styles/aqua/aw.css" rel="stylesheet"></LINK>
<SCRIPT src="/ActiveWidgets/runtime/lib/aw.js"></SCRIPT>
<style>
.aw-system-control {position: absolute}

#obj { left: 20px; top: 30px; }
#obj1 { left: 20px; top: 50px; }
#obj2 { left: 20px; top: 70px; }
</style>
</head>

<BODY>
<script>
var obj = new AW.UI.Input;
obj.setId("obj");
obj.setControlText("This is my really long string.");
obj.setClass("text", "normal"); // "normal", "expand" or "wrap"
document.write(obj);

var obj1 = new AW.UI.Input;
obj1.setId("obj1");
obj1.setControlText("This is my really long string.");
obj1.setClass("text", "expand"); // "normal", "expand" or "wrap"
document.write(obj1);

var obj2 = new AW.UI.Input;
obj2.setId("obj2");
obj2.setControlText("This is my really long string.");
obj2.setClass("text", "wrap"); // "normal", "expand" or "wrap"
document.write(obj2);
</script>
</body>
</html>
Mike
Monday, April 23, 2007
.aw-text-... class should work for Label, Button, Link, Checkbox but not for Input or Combo controls.
Alex (ActiveWidgets)
Monday, April 23, 2007
#2 - sorry, forgot about the second (white) box...
Alex (ActiveWidgets)
Monday, April 23, 2007

This topic is archived.


Back to support forum

Forum search