[SonamGyato]

I’ve got a textfield inside a list-item and would like to align
it to the right side.

i.e. when the list-item expands it’s width (e.g. ipad) – i want
this textfield expand to the right.

I’ve got the textfield alignment property set to “Right” – but that
doesn’t seem to have any effect. I don’t see it being set in the CSS.

What should the values be for X (left side or right side of the box) – seems
like left box.

If the alignment is right – the X should be from the right side of the listitem.

What should the auto-resize grid look like.

[SonamGyato]

ok looked at the css file again and this style is set

#m1-app-row2b{
height: 19px;
left: 234px;
line-height: 19px;
text-align: right;
top: -1px;
width: 36px;
}

In mobi – i have alignment right.
x 234
width automatic
auto-resize i have red on top and right and green horizontal.

i’m looking for –

#m1-app-row2b{
height: 19px;
left: 234px; << this be right: 40px – anchored to the right side of the listitem
line-height: 19px;
text-align: right;
top: -1px;
width: 36px; << since width is automatic – this should be not set or auto
}

pls advise.

[support-michael]

@everest

Does the following UI reflect the layout you are seeking with textfields? See attachment list-txtfield-fixproportional.png

Attachments:

You must be logged in to view attached files.

[SonamGyato]

not exactly.

i’ve got the red on the top too – but that should be ok
and also text alignment is right.

i think i found the problem.

my list-items are created dynamically – multiple list-items.

unfortunately, mobi decided to set the style using an identifier
instead of class.

so i’ve got multiple listitems with the same ID – not advised in CSS –
and the browser gives the right style (right alignment) to the first
list-item only.

i believe that should be fixed.

also – in the correct implementation it should be anchored on the
right side if the red line is on the right side (as per your diagram)

i.e. the ‘right’ css property should be set instead of ‘left’ and the
‘x’ value should reference the # of pixels from the right side of the
container.

i don’t see any workaround for my situation – w/o mobi modifications.

1. all styles set in CLASS not ID.

2. right edge anchored when the user has the right red line side.

3. also if the width is set to automatic – mobi should NOT set it in CSS.

whatchya think?

[support-octavio]

Hi everest,

Can you share a design file with us to investigate? We are working from a mental image of your description. A more concrete example shared between us is a more efficient approach.

[Author]

Posts