MachForm Community Forums » MachForm 2

1. Glenn
   Member

   Is it possible to control the length of each field so they line up in a row evenly?
   Thanks

   Posted 15 years ago #
2. 

   yuniar

   Do you mean this one below?
   http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line?replies=33

   ---

   MachForm Founder

   Posted 15 years ago #

3. Glenn
   Member

   No, the width of a text box. Such as Email: I want to increase the width of that box.

   Posted 15 years ago #
4. 

   yuniar

   Ahh.. you can do that from the form builder.
   Click on your email field and set the "Field Size" dropdown to "Large".

   ---

   MachForm Founder

   Posted 15 years ago #

5. Glenn
   Member

   ya, what about a custom width so that many fields line up all equal widths?

   Posted 15 years ago #
6. 

   redityo

   hi ...

   You can customize the element field by editing the CSS, you can find in form builder "EDIT CSS" menu, try to search the following code and change the value :

   it will change default width template for small, medium, and large

   #main_body input.small
   {
   	width:25%;
   }
   
   #main_body select.small
   {
   	width:25%;
   }
   
   #main_body input.medium
   {
   	width:150%;
   }
   
   #main_body select.medium
   {
   	width:50%;
   }
   
   #main_body input.large
   {
   	width:99%;
   }
   
   #main_body select.large
   {
   	width:100%;
   }
   
   #main_body textarea.small
   {
   	height:5.5em;
   }
   
   #main_body textarea.medium
   {
   	height:10em;
   }
   
   #main_body textarea.large
   {
   	height:20em;
   }

   ---

   MachForm Support

   Posted 15 years ago #

7. Regardt
   Member

   Hi,

   I have to 2 different forms, both of them has the correct css setting by which the fields width is the same. I have embedded both forms in 2 different html pages. But the one only covers half of the width it is set to, strange.

   Please see example, 1 (correct): http://www.chaiyil.co.za/machform/view.php?id=43
   Please see example, 2 (not correct): http://www.chaiyil.co.za/machform/view.php?id=42

   Please help so that the 2nd form will display correct.

   Posted 15 years ago #

8. AMurray
   Pro Member

   You have to edit (I assume) the CSS file for *each form*. In the admin screen for each form there's a link to the CSS file - if you edit that it will only change the attributes for that particular form.

   Posted 15 years ago #
9. 

   redityo

   Hi Regardt,

   I see you have 2 different result here, this view http://www.chaiyil.co.za/machform/view.php?id=42 have smaller width, maybe you can try to set the CSS again :) . Try to find this section

   #main_body form li
   {
   	display:block;
   	margin:0;
   	padding:4px 5px 2px 9px;
   	position:relative;
           width: 100%; <-- add this code
   }

   ---

   MachForm Support

   Posted 15 years ago #

RSS feed for this topic

Reply

You must log in to post.