3.0.5

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
April 17,
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
April 18,
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)
April 20,
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
April 23,
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
April 23,
.aw-text-... class should work for Label, Button, Link, Checkbox but not for Input or Combo controls.
Alex (ActiveWidgets)
April 23,
#2 - sorry, forgot about the second (white) box...
Alex (ActiveWidgets)
April 23,

This topic is archived.

See also:


Back to support forum