Formbuilderform invoervelden

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Post Reply
sjoerdd87
Forum Members
Forum Members
Posts: 139
Joined: Fri Apr 20, 2012 11:48 am

Formbuilderform invoervelden

Post by sjoerdd87 »

Hallo allemaal,

Kunnen de invoervelden van de module Formbuilderform ook onder elkaar geplaatst worden?

Zo ja hoe doe je dit?

Ik heb het geprobeerd met een </br> en dit werkt.
Enkel krijg ik het niet voor elkaar om de invoervelden iets van de rand van de website af te zetten?

Iemand enig idee hoe dit mogelijk is?

De code is nu:

Code: Select all

{* DEFAULT FORM LAYOUT / pure CSS *}
<h2>Velden met een * zijn verplicht</h2><br>
{$fb_form_header}
{if $fb_form_done == 1}
	{* This first section is for displaying submission errors *}
	{if isset($fb_submission_error) && $fb_submission_error}
		<div class="error_message">{$fb_submission_error}</div>
		{if isset($fb_show_submission_errors) && $fb_show_submission_errors}
			<div class="error">
			<ul>
			{foreach from=$fb_submission_error_list item=thisErr}
				<li>{$thisErr}</li>
			{/foreach}
			</ul>
		</div>
		{/if}
	{/if}
{else}
	{* this section is for displaying the form *}
	{* we start with validation errors *}
	{if isset($fb_form_has_validation_errors) && $fb_form_has_validation_errors}
		<div class="error_message">
		<ul>
		{foreach from=$fb_form_validation_errors item=thisErr}
			<li>{$thisErr}</li>
		{/foreach}
		</ul>
		</div>
	{/if}
	{if isset($captcha_error) && $captcha_error}
		<div class="error_message"><ul><li>{$captcha_error}</div></ul></li>
	{/if}

	{* and now the form itself *}
	{$fb_form_start}
	<div>{$fb_hidden}</div>
	<div{if $css_class != ''} class="{$css_class}"{/if}>
	{if $total_pages gt 1}<span>{$title_page_x_of_y}</span>{/if}
	{foreach from=$fields item=entry}
		{if $entry->display == 1}
        	{strip}
         	{if $entry->needs_div == 1}
            	<div
            	{if $entry->required == 1 || $entry->css_class != '' || $entry->valid == 0} class="
              		{if $entry->required == 1}required{/if}
              		{if $entry->css_class != ''} {$entry->css_class}{/if}
                    {if $entry->valid == 0} fb_invalid{/if}
              		"
            	{/if}
            	>
         	{/if}
         	{if $entry->hide_name == 0}
            	<label{if $entry->multiple_parts != 1} for="{$entry->input_id}"{/if}>{$entry->name}
            	{if $entry->required_symbol != ''}
               		{$entry->required_symbol}
            	{/if}
            	</label>
</br>
         	{/if}
         	{if $entry->multiple_parts == 1}
            	{section name=numloop loop=$entry->input}
               		{if $entry->label_parts == 1}
               			<div>{$entry->input[numloop]->input}&nbsp;{$entry->input[numloop]->name}</div>
               		{else}
               			{$entry->input[numloop]->input}
               		{/if}
               		{if isset($entry->input[numloop]->op) && $entry->input[numloop]->op}{$entry->input[numloop]->op}{/if}
            	{/section}
         	{else}
            	{if $entry->smarty_eval == '1'}{eval var=$entry->input}{else}{$entry->input}{/if}
         	{/if}
         	{* {if $entry->valid == 0} <--- {$entry->error}{/if} *}
         	{if $entry->needs_div == 1}
            	</div>
         	{/if}
         	{/strip}
     	{/if}
	{/foreach}
	{if $has_captcha == 1}
		<div class="captcha">{$graphic_captcha}{$title_captcha}<br />{$input_captcha}</div>
	{/if}
	<div class="submit">{$prev}{$submit}</div>
	</div>
	{$fb_form_end}
{/if}
{$fb_form_footer}

Code: Select all

div.KOG_HOME_FORM fieldset {

        width: 1200px;
        margin-top: 0px;
        margin-left: 0px;
}
div.KOG_HOME_FORM form {
}
div.KOG_HOME_FORM input {
}
div.KOG_HOME_FORM input:hover {
}
div.KOG_HOME_FORM input[type="button"] {
}
div.KOG_HOME_FORM input[type="checkbox"] {



}
div.KOG_HOME_FORM input[type="email"] {

float: left;
margin-left: 2%;
margin-top: 2px;
width: 80%;
min-height: 25px;

}
div.KOG_HOME_FORM input[type="file"] {
}
div.KOG_HOME_FORM input[type="option"] {
}
div.KOG_HOME_FORM input[type="radio"] {
}
div.KOG_HOME_FORM input[type="submit"] {

        float: left;
        margin-left: 2%;
        margin-top: 5px;
        width: 80%;
        min-height: 25px;      
        margin-bottom: 15px;
        border-color: #CCCCCC #666666 #666666 #CCCCCC;
        height: 26px;

}
div.KOG_HOME_FORM input[type="text"] {

float: left;
margin-left: 2%;
margin-top: 2px;
width: 80%;
min-height: 25px;

}
div.KOG_HOME_FORM label {


        font-family: Arial; 
        font-size: 14px; 
        color: #ffffff; 
        font-weight: bold; 
        text-align: left;
        margin-left: 2%;
        margin-top: 2px;
display: block;
 float: left;
 width: 160px;


}
div.KOG_HOME_FORM legend {
}
div.KOG_HOME_FORM optgroup {
}
div.KOG_HOME_FORM select {
}
div.KOG_HOME_FORM textarea {

float: left;
margin-left: 2%;
margin-top: 2px;
width: 80%;
min-height: 25px;
}
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Contact:

Re: Formbuilderform invoervelden

Post by Rolf »

- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
sjoerdd87
Forum Members
Forum Members
Posts: 139
Joined: Fri Apr 20, 2012 11:48 am

Re: Formbuilderform invoervelden

Post by sjoerdd87 »

Ja die ken ik, maar krijg het niet voor elkaar.

Normaal zou je dat met margin-left kunnen doen maar het gaat niet echt zoals ik het zou willen.

Het voorbeeld wat je stuurt staat ook naast elkaar.

Ik heb de CSS van dit formulier dan ook veranderd naar: KOG_HOME_FORM maar dit maakt verder ook niet echt veel uit, als het maar hetzelfde is.
sjoerdd87
Forum Members
Forum Members
Posts: 139
Joined: Fri Apr 20, 2012 11:48 am

Re: Formbuilderform invoervelden

Post by sjoerdd87 »

sjoerdd87 wrote:
Ja die ken ik, maar krijg het niet voor elkaar.

Normaal zou je dat met margin-left kunnen doen maar het gaat niet echt zoals ik het zou willen.

Het voorbeeld wat je stuurt staat ook naast elkaar.

Ik heb de CSS van dit formulier dan ook veranderd naar: KOG_HOME_FORM maar dit maakt verder ook niet echt veel uit, als het maar hetzelfde is.
Weet niet wat er ineens gebeurd is, maar heb het voor elkaar, alleen nu nog de vraag hoe je het captcha invoerveld kan stylen? heb nu staan:

Code: Select all

input.cms_textfield{
margin-top: 2px;
margin-left :150px;
}
Maar dit werkt niet.
Post Reply

Return to “Dutch - Nederlands”