xp

In an HTA, is it possible to re-position and/or resize controls, like buttons
and list boxes on the fly?

If so, could someone please post example code as to how to do it?

Thanks for your help...

ayush

[XP]s message :

Yes, use CSS. e.g. To change width/height - use element.style.width=NEW_WIDTH
To move an element, you can use Position -absolute/relative with left,top etc.:
http://www.barelyfitz.com/screencast...s/positioning/
http://www.tizag.com/cssT/position.php

You can also reappend the element to move it
e.g. move an input box before a select element:
mySelect.parentElement.insertBefore(inputElem,mySe lect)

<script language="vbscript">

Sub resizeElem
mySelect.style.width="100px"
End Sub

Sub moveInput
inputElem.style.position="relative"
inputElem.style.left="22px"
End Sub
</script>

<select id="mySelect">
<option>A
<option>B
<option>C
</select><br>
<button onclick="resizeElem">Resize the select</button>
<br><br>
<input id="inputElem"><br>
<button onclick="moveInput">Move input</button>

ayush

[XP]s message :

Yes, use CSS. e.g. To change width/height - use element.style.width=NEW_WIDTH
To move an element, you can use Position -absolute/relative with left,top etc.:
http://www.barelyfitz.com/screencast...s/positioning/
http://www.tizag.com/cssT/position.php

You can also reappend the element to move it
e.g. move an input box before a select element:
mySelect.parentElement.insertBefore(inputElem,mySe lect)

<script language="vbscript">

Sub resizeElem
mySelect.style.width="100px"
End Sub

Sub moveInput
inputElem.style.position="relative"
inputElem.style.left="22px"
End Sub
</script>

<select id="mySelect">
<option>A
<option>B
<option>C
</select><br>
<button onclick="resizeElem">Resize the select</button>
<br><br>
<input id="inputElem"><br>
<button onclick="moveInput">Move input</button>

xp

Hi Ayush,

As usual, awesome assistance! Thanks!

ayush

[XP]s message :


You're welcome XP.

Good Luck, Ayush.
--
XP-Tips & Tricks [Use keyboard shortcuts] :
http://www.microsoft.com/windowsxp/u...shortcuts.mspx