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 =)

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>

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, your #2 still left a box for me, the only way I found around it was to use obj.getContent("box").setStyle("border", none);

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>

Forum search