Display web form lists in 2 columns

[lilyh]

Hello,
I currently have a web form with 2 lists and would like to display them side to side (in 2 columns) instead of one below the other as it is by default.
I am aware you may set a complexType's appearance to minimal for horizontal layout and have given it a try but it did not now work.
My two lists are simple types so I put them both into a complexType.

<xs:complexType name="lists">
        <xs:annotation>
            <xs:appinfo>
                <alf:appearance>minimal</alf:appearance>
            </xs:appinfo>
        </xs:annotation>
        <xs:sequence>
            <xs:element name="model" type="of:model" minOccurs="1" maxOccurs="1" default="Micra">
                    <xs:annotation>
                        <xs:appinfo>
                            <alf:appearance>full</alf:appearance>
                        </xs:appinfo>
                    </xs:annotation>
                </xs:element>
                <xs:element name="state" type="of:state" minOccurs="1" maxOccurs="1" default="act">
                   <xs:annotation>
                       <xs:appinfo>
                           <alf:appearance>full</alf:appearance>
                       </xs:appinfo>
                   </xs:annotation>
                </xs:element>   
        </xs:sequence>    
    </xs:complexType>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Because my lists are multi-select lists, I have set the appearance to display the whole list.

Does anyone have suggestions on how I can display these 2 lists side by side or in multiple columns?
Thank you.

Lily.

[tejaskanani2920]

Hi Lily,

I am also facing the same problem. Are you able to get through it ? If yes can you please share ?

Thanks