• No muti-column display with Bootstrap theme (formTable + formColumn + formRow)

    By Alexandre GIRARDEAU 8 years ago

    Using the last plugin version (901v00_17), I can't get my formTable display 2 columns. While coding this :

    <xe:formTable id="formTable1" formTitle="..." formDescription="...">

    <xe:formColumn>

    <xe:formRow label="L1">

    <xp:inputText id="inputText1" value="...">xp:inputText>

    xe:formRow>

    <xe:formRow label="L2">

    <xp:inputText id="inputText2" value="...">xp:inputText>

    xe:formRow>

    xe:formColumn>

    <xe:formColumn>

    <xe:formRow label="L3">

    <xp:inputText i="inputText3" value="...">xp:inputText>

    xe:formRow>

    <xe:formRow label="L4">

    <xp:inputText id="inputText4" value="...">xp:inputText>

    xe:formRow>

    xe:formColumn>

    xe:formTable>

    I get with theme OneUI (my goal) :

    L1 ... L3 ...

    L2 ... L4 ...

    And with Bootstrap3 (mobile or desktop full screen) :

    L1 ...

    L2 ...

    L3 ...

    L4 ...

    Any idea would be welcome... Thanks,

    Alex

    • By Alexandre GIRARDEAU 8 years ago

      After on day searching around, I finaly got the solution :

      Just add …style=“width: 50%“… in each formColumn attributes…

      Strange default behavior.

      • By B Gleeson 8 years ago

        I'd recommend using/trying styleClass=“col-md-6” for each formColumn. That equates to 50% width of the standard 12 columns in bootstrap. Extending upon that you could then control the column widths for all screen sizes individually, e.g. styleClass=“col-xs-12 col-sm-6 col-md6 col-lg-4”, if you needed to.