Formbuilderform invoervelden
Posted: Mon Nov 23, 2015 9:10 pm
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:
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} {$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;
}