Fieldset

Table of Contents

fieldsetGroup

The fieldsetGroup component is a common mobile user interface construct for displaying application input such as a settings panel or input form. The fieldset Component component can contain one or more child fieldsetRow components which logically divides the fieldset into sub sections. The inset also has an optional inset attribute which can be useful when trying to distinguish multiple fieldsetGroups on one page.

Note fieldSetGroup and fieldsetRow has been styled for all supported devices. See notes on themeing below.

Usage

<mobi:fieldsetGroup>
    <mobi:fieldsetRow>
        <h:outputLabel for="songs" value="Songs"/>
        <mobi:inputText id="songs" type="number"
                        value="2500"/>
    </mobi:fieldsetRow>
    <mobi:fieldsetRow>
        <h:outputLabel for="videos" value="Videos"/>
        <mobi:inputText id="videos" type="number"
                        value="5"/>
    </mobi:fieldsetRow>
    <mobi:fieldsetRow>
        <h:outputLabel for="photos" value="Photos"/>
        <mobi:inputText id="photos" type="number"
                        value="621"/>
    </mobi:fieldsetRow>
</mobi:fieldsetGroup>

Theming

Fieldset supports device theming by providing default styles for Apple, Android and Blackberry. CSS class names are as follows:

  • mobi-fieldset |(mobi-fieldset-inset)
    • mobi-fieldset-row

Component Documentation

fieldsetRow
fieldsetRowGroup
inputText

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.
  1. Sep 04, 2011

    Anonymous says:

    Phenoenmal breakdown of the topic, you should write for me too!

    Phenoenmal breakdown of the topic, you should write for me too!

  2. Sep 05, 2011

    Anonymous says:

    75jAFt <a href="http://rmoantckabgw.com/">rmoantckabgw</a>

    75jAFt <a href="http://rmoantckabgw.com/">rmoantckabgw</a>

  3. Sep 05, 2011

    Anonymous says:

    nHsN21 <a href="http://viyinbywdhdj.com/">viyinbywdhdj</a>

    nHsN21 <a href="http://viyinbywdhdj.com/">viyinbywdhdj</a>

  4. Sep 05, 2011

    Anonymous says:

    qOJY1I <a href="http://slptegrcyugj.com/">slptegrcyugj</a>

    qOJY1I <a href="http://slptegrcyugj.com/">slptegrcyugj</a>

  5. Sep 05, 2011

    Anonymous says:

    XCZojn , [url=http://eioryvjfqwnv.com/]eioryvjfqwnv[/url], [...

    XCZojn , [url=http://eioryvjfqwnv.com/]eioryvjfqwnv[/url], [link=http://rkivqhtxagpg.com/]rkivqhtxagpg[/link], http://slzzahfikftj.com/

© Copyright 2016 ICEsoft Technologies Canada Corp.