Skip to Content
0
Mar 17, 2014 at 10:50 PM

CustomListItem in SimpleForm not rendering correctly

69 Views

Hi experts,

I have a SimpleForm Control which displays a list of several labels and input fields. To make the labels of the input field align nicely with the input fields themselves, I have set the property editable of the SimpleForm Control to true.

This works fine as long as I use InputListItems to display my Input fields. However, it doesn't seem to work correctly with CustomListItems, where I have to put the Label as a seperate Control inside the CustomListItem.

CustomListItem:

InputListItem:

Here the code I have implemented:

<form:SimpleForm
     id="EmailForm" 
     minWidth="1024"
     editable="true"
     title="{i18n>emailSettings}"
     >
     <form:content>
          <List>
               <CustomListItem>
                    <Label text="{i18n>replacementFor}" width="30%"/>
                    <Input type = "Text" placeholder = "{i18n>replacementPlaceholder}" width="20%"/>
                    <Input value="" enabled="false" width="50%"/>
               </CustomListItem>

               <InputListItem label="Ersatz für">
                    <Input type="Text" placeholder="Ersatz..."/>
               </InputListItem>
          </List>
     </form:content>
</form:SimpleForm>

I assume that the editable property doesn't work for CustomListItems, but I'm not sure about that.

Has anybody had a similar issue?

If someone knows a workaround to this, please let me know, any help is appreciated

Regards,

Jan

Attachments