Hello,
i was wondering if it is possible for aesthetic reasons to stack two text inputs above each other (instead of next to each other). I tried something like this:
<form>
<label>stacked_inputs</label>
<fieldset submitButton="false"></fieldset>
<row>
<panel depends="$alwaysHideCSSStyle$">
<html>
<style>
#test_input2
{
margin-top: 100px !important;
padding-left:-200px !important;
}
</style>
</html>
</panel>
</row>
<row>
<panel>
<input id="test_input1" type="text" token="field1">
<label>field1</label>
</input>
<input id="test_input2" type="text" token="field2">
<label>field2</label>
</input>
</panel>
</row>
</form>
But the second input "test_input2" cannot be shifted horizontally above input "test_input1" apparently. Does anyone know how to do this?
Cheers
Fritz
<form>
<label>stacked_inputs</label>
<fieldset submitButton="false"></fieldset>
<row>
<panel depends="$alwaysHideCSSStyle$">
<html>
<style>
#test_input2
{
margin-top: 100px !important;
padding-left:-200px !important;
}
</style>
</html>
</panel>
</row>
<row>
<panel>
<input id="test_input1" type="text" token="field1">
<label>field1</label>
</input>
</panel>
</row>
<row>
<panel>
<input id="test_input2" type="text" token="field2">
<label>field2</label>
</input>
</panel>
</row>
</form>
<form>
<label>stacked_inputs</label>
<fieldset submitButton="false"></fieldset>
<row>
<panel depends="$alwaysHideCSSStyle$">
<html>
<style>
#test_input2
{
margin-top: 100px !important;
padding-left:-200px !important;
}
</style>
</html>
</panel>
</row>
<row>
<panel>
<input id="test_input1" type="text" token="field1">
<label>field1</label>
</input>
</panel>
</row>
<row>
<panel>
<input id="test_input2" type="text" token="field2">
<label>field2</label>
</input>
</panel>
</row>
</form>