Hello everyone,
I need such a layout :
text - integer picker - text in 1 line
like "Work after (Picker) x0.1s "

Currently I use such code:

Code:
                <div class="palm-row-wrapper">
                    <table width="100%">
                        <tr>
                            <td align="left" width="50%"><div class="title" id="TitleSearchTime">Work After</div></td>
                            <td ><div x-mojo-element="IntegerPicker" id="pickerSearchTime" name="pickerSearchTime"></div></td>
                            <td align="right"><div class="title" id="TitleSearchTimeUnit">x0.1s</div></td>
 
                        </tr>
                    </table>
                </div>
and in JavaScript:
Code:
    this.controller.setupWidget(
    "pickerSearchTime",
    {
        label: '\0', 
        labelPlacement: Mojo.Widget.labelPlacementRight,
        modelProperty: 'value',
        min: 0,
        max: 20
    },
    {value: globalOptions.nSearchAfterTime}
    );

I find the label of Integer Picker works strange:

It cannot be empty -> default to "value"

If it is not empty ( and remove one of 2 text blocks , the layout becomes text-Picker-Picker Label), it is too small - the height of the lable is only half of the Picker Button, and placed at bottom of line which makes it very ugly.

If it is set to "\0", no text is displayed but the empty space is always as long as 4~5 characters make the layout too loose , also limit number of characters I can use in the whole line - Approximately I can use only 11~14 characters, but "Work after" + "x0.1s" contains 15 characters that is too long makes it goes into 2 lines which is also very ugly.

Can anyone help to design such a layout?