Form Layout Group Box in ver 5.5

Rennur

i. Form layout>column properties>Label> set to 'To the left of control''
ii. Plain text attribute > 'Hide Label' ticked & 'Description of the attribute' contains text & selected to be shown underneath the input control

On preview:
The description text does is not placed right under the input control.
It is placed staring from the right of the input control & 1 <br> space underneath the input control.

When label is not hidden, the description is placed properly right under the input control.

Rennur

In 5.3 if 2 of the 5 group boxed attributes are READ PROTECTED (RP) via Rules they do not count towards the total column % of 100%.

eg. (NAME is an 'Plain Text' & rest are 'Shortcuts)

NAME 54% TITLE 20% COLOR1 26% RP(COLOR2 26%) RP(COLOR3 26%) = 100%

in 5.5,
If READ PROTECTED, the attributes (shortcuts) will be hidden but the column % are allocated squeezing everything into 152%.

Rennur

8.
i. Form layout>column properties>Label> set to 'To the left of control''
ii. Plain text attribute > 'Hide Label' ticked & 'Description of the attribute' contains text & selected to be shown underneath the input control

On preview:
The description text does is not placed right under the input control.
It is placed staring from the right of the input control & 1 <br> space underneath the input control.

When label is not hidden, the description is placed properly right under the input control.

I changed the following:
In aware.js and fields.js AwareIM\Tomcat\webapps\AwareIM\aware_ext

// Align under the input element
		'<tpl if="labelOnLeft">',
		    '<td></td>',
		'</tpl>',
	---->	'<td id="{id}-descrUnderEl" class="aw-help-descr-under" colspan="3" style="display:none"></td>,
	    '</tr>',

// Align under the input element
		'<tpl if="labelOnLeft">',
		    '<td></td>',
		'</tpl>',
	---->	'<tr id="{id}-descrUnderEl" class="aw-help-descr-under" colspan="3" style="display:none"></tr>',
	    '</tr>',

The description now lies right under the input control

Would like support to verify if this fix is right or not

Rennur

Update on 8.

Not quite the right fix 🙁

Rennur

Group Box of 2 or more attributes:
Hide Label = Yes
Title: Defined
Width: Defined
Label to the left of controls: Selected
Generate label for the first attribute: Unchecked

Result:

Label for the first attribute is visible & he rest are hidden.

Shouldn't they all be hidden?

aware_support

The hidden label issues have been fixed in build 1603

Rennur

In:
Form layout>column properties>Label> set to 'Above control'
When a plain text attribute (Width 350px) contains a 'Description',
upon preview, the size of the attribute is shrunk by more than half.

If there is no description, the attribute is full 350px width.

Column Properties
Label: 'Above Control' selected

Plain Text Attribute (not in group box)
Hide Label: Unchecked
Width (text element): 350px
Description: Defined & Underneath Input Control

Result:
Description correctly displayed under the input control but the input control has been shrunk by more than half (maybe to 150px)

Rennur

This example show that you can group several attributes in a cell using multiple lines.

http://cdn.sencha.com/ext-4.1.1a-gpl/examples/form/fieldcontainer.html

This would probably solve the issue I had with the layouts (see earlier posts)

That means that all the attributes will be in a single row of 3 columns.

In version 5.3, setting the 1st attribute column at 100% allocates the entire row for this attribute. Setting 2 other attribute at 50% each allocates them both to the row below the 1st attribute.

eg.
----ADDRESS (Group Box)------------------------------------------
| ROW 1. Name: _______ @ 100% |

| ROW 2. Address: _______ @ 50% Suburb: _______ @50% |

In 5.3 setting the column to 100% seems to work as if you are inserting a </br> at the end of the column. Perhaps there should be a </br> kind of option for the group box.

Support Reply:

When you group attributes into a cell, the intention is to display them in one row, not in several rows. 5.5 behaves differently in this respect than 5.3, so you may need to adjust your existing forms

In the example, the group box contains 3 rows with each row having 2 or more attributes.

Its what I was able to achieve in 5.3 but I believe it cannot be done at the moment in 5.5.

Would it be possible to implement this design option into AwareIM. I think it would be a good addition for the form layout design.

Cheers

« Previous Page