text field length?

[xren]

Hi,

I have some text fields mapping to database columns with the same length (128 bytes)
These text fields length has to be different - with different starting line and end at the same ending line.

I set the display length of the corresponding fields to make them matching the same ending line in the designer.

However, when rendering to the browser, the ending of these fields are not at the same ending line.

How can this be done?

Thanks

[Wai]

Hi Xiaoli,

I have read your post several times but I don't understand it.

What are you trying to do? Please provide context.

I don't know what you mean about different starting line and same ending line.

Is this just a visual thing? Are you trying to get the editor input boxes to line up? If so, this has nothing to do with whether the fields are mapped to database columns and the length of the columns.

If it is easier you can send me a screenshot relating to this.

[xren]

Hi Wai,

It is the visual effect. lined up at the right. but the text field visual length need to fill up all the available space in that line no matter how long the label text is.

e.g.

line 1 label "the text field 1 "
line 2 label text- "the text field 2 "
line 3 label text -----" field 3"

However, I cannot make this happen.

Thanks,
Xiaoli

[Wai]

I think I know what you mean now.

The easiest method is to use a Field Grid Layout.

In the parent container of your fields (e.g: panel), make it a Layout Type of Field Grid. This gives all your fields in the panel equal spacing for the label and equal spacing for the editor.

Please let me know if that helps.

[Wai]

Thank you for sending me a screenshot of what you want to achieve. It’s more of a paper type layout than something that you would see on the web.

However, if you want to do this, then you can try the following:

1. Use a Field Grid layout panel containing all your fields.
2. Uncheck the New Line field property for fields that need to be on the same line. E.g your text boxes.
3. Set a pixel width for the field input boxes (e.g Control Style – Editor Cell – Advanced Properties – Input Style – Enable local setting and put a width into the Code tab. For example: width:400px;)
4. Repeat for each text field, all will have to have adjusted fixed pixel widths. And it will be trial and error in terms of getting them to be the same length as you have varying label text.

Hope that helps

[xren]

Hi Wai,

I tried this. It looks better but when I use ctrl + sign when the page content change to bigger size, the alignment does not work any more.

Any other ideas?

Thanks,
Xiaoli

[Wai]

Use a relative width such as em or % in place of the px.