Forum

Accueil » Alloy UI » English

Vue combinée Vue Plate Arborescence
Sujets [ Précédent | Suivant ]
toggle
Rohan Meher
Horizontally Allign all the aui:input inside a div element
19 août 2014 23:29
Réponse

Rohan Meher

Rang: New Member

Publications: 4

Date d'inscription: 14 août 2014

Publications Récentes

<div id="info1" class="roundCorner"><b>General Information</b>

<aui:input name="LastName" type="text" class="name" placeholder="Last Name"/>
<aui:input name="FirstName" type="text" class="name" placeholder="First Name"/>
<aui:input name="MiddleName" type="text" class="name" placeholder="Middle Name"/>
<aui:input name="Prefix" type="text" class="prefix" placeholder="Prefix"/>
<aui:input name="Suffix" type="text" class="suffix" placeholder="Suffix"/>

</div>


I want all the text input element to be placed horizontally along each other. With the above code its coming one after the other in new line. I need all these text field to be in one line.
css attribute like inline block and other methods not working.

Please help.
Soukaina HAJI
RE: Horizontally Allign all the aui:input inside a div element
29 août 2014 10:02
Réponse

Soukaina HAJI

Rang: Regular Member

Publications: 196

Date d'inscription: 17 juin 2014

Publications Récentes

if this is what u want :


 1<div id="info1" class="roundCorner">
 2<b>General Information</b><br>
 3
 4<aui:input name="LastName" type="text" class="name" placeholder="Last Name"/><br>
 5<aui:input name="FirstName" type="text" class="name" placeholder="First Name"/><br>
 6<aui:input name="MiddleName" type="text" class="name" placeholder="Middle Name"/><br>
 7<aui:input name="Prefix" type="text" class="prefix" placeholder="Prefix"/><br>
 8<aui:input name="Suffix" type="text" class="suffix" placeholder="Suffix"/><br>
 9
10</div>



U can only add
1<br>


or if u insist on css :
 1<div id="info1" class="roundCorner">
 2<b>General Information</b>
 3
 4<aui:input name="LastName" type="text" class="name" placeholder="Last Name"/>
 5<aui:input name="FirstName" type="text" class="name" placeholder="First Name"/>
 6<aui:input name="MiddleName" type="text" class="name" placeholder="Middle Name"/>
 7<aui:input name="Prefix" type="text" class="prefix" placeholder="Prefix"/>
 8<aui:input name="Suffix" type="text" class="suffix" placeholder="Suffix"/>
 9
10</div>

use this css :
1
2#info1 {
3    display: table-caption;
4}


if u dnt know where to put this css ,just put it in style=" %css_code%" in the div ..

Regards,
Souka.
Rohan Meher
RE: Horizontally Allign all the aui:input inside a div element
15 septembre 2014 05:10
Réponse

Rohan Meher

Rang: New Member

Publications: 4

Date d'inscription: 14 août 2014

Publications Récentes

Thanks Souka