Appnitro Software Forums » MachForm

Length of Field

(9 posts)

  1. Glenn
    Member

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

    Posted 3 months ago #

  2. yuniar
    MachForm Founder

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

    Posted 3 months ago #

  3. Glenn
    Member

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

    Posted 3 months ago #

  4. yuniar
    MachForm Founder

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

    Posted 3 months ago #

  5. Glenn
    Member

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

    Posted 3 months ago #

  6. redityo
    MachForm Support

    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;
}
    Posted 3 months 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 3 months 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 3 months ago #

  9. redityo
    MachForm Support

    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
}
    Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.