FieldSet

Version 5 by Ken Fyten
on Nov 05, 2014 16:24.


compared with
Current by Ken Fyten
on Nov 13, 2014 11:40.


 
Key
These lines were removed. This word was removed.
These lines were added. This word was added.

View page history


There are 1 changes. View first change.

 h2. Overview
  _Since 4.0_
  
 The mobi:fieldSetGroup component contains mobi:fieldsetRow components, which in turn can contain any other components. These components are mainly used to present input components in a more presentable and usable way for touch devices.
  
 h2. Getting Started
  
 To use the FieldSet components, simply place the mobi:fieldsetRow tags inside the mobi:fieldsetGroup tag and add any other components inside the rows.
  
 {code:xml}
 <h:form>
  <mobi:fieldsetGroup>
  <mobi:fieldsetRow group="true">
  Name
  </mobi:fieldsetRow>
  <mobi:fieldsetRow >
  <h:outputLabel for="firstName" value="First Name: " />
  <h:inputText id="firstName" value="#{bean.firstName}" />
  </mobi:fieldsetRow>
  <mobi:fieldsetRow >
  <h:outputLabel for="lastName" value="Last Name: " />
  <h:inputText id="lastName" value="#{bean.lastName}" />
  </mobi:fieldsetRow>
  </mobi:fieldsetGroup>
 </h:form>
 {code}
  
 h2. Attributes
  
 {tip:title=TagLib Documentation}This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available [here|http://res.icesoft.org/docs/v4_latest/mobi/tld/].{tip}
  
 {panel}
 When the *group* attribute is true, the mobi:fieldSetRow will be rendered in a header style.
 {panel}
  
 h2. Event Listeners
  
 None.
  
 h2. Client Behavior Events
  
 None.
  
 h2. JavaScript API
  
 None.
  
 h2. Keyboard Support
  
 None.
  
 h2. Known Issues
  
 None.
  
 h2. Additional Resources
  
  
 h4. Sample Applications
  
 This component appears in the following ICEfaces sample applications:
  
 * *[ICEfaces Mobile Showcase|http://icefaces-showcase.icesoft.org/showcase-mobile.jsf]*
  
 h4. Tutorials
  
 This component appears in the following ICEfaces tutorials:
  
 *None*

© Copyright 2018 ICEsoft Technologies Canada Corp.