CMS Made Simple Forums

Code: Select all

{* DEFAULT FORM LAYOUT / pure CSS *}
{$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">{$captcha_error}</div>
	{/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>
         	{/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

.contactform{
	width: 100px;
                margin-left: 1.3em;
}
.contactform fieldset {
	border: 1px solid #666666;
	padding: 12px;
}

.contactform fieldset legend {
	font-weight: bold;
	padding: 8px 8px 8px 37px;
        margin-bottom: 1px;
	border:1px solid #003300;
	color:#006600;
	font-size:12px;
	text-align:right;
	background: #CCFF99 url(/images/cms/email_open.gif) no-repeat 2px center;
}

.contactform fieldset .CMSMStextfield label {
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
.contactform div {
padding: 0.25em 0 0.25em 0;
}
.contactform div:hover {
	background: #CCFF99;
}
.contactform .CMSMStextfield input {
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 250px;
}
.contactform div.required {
color: #CC0000;
}
.contactform fieldset .CMSMStextarea label {
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
.contactform .CMSMStextarea textarea {
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 250px;
}
.contactform textarea:focus {
	background: #FFFFFF;
}
.contactform .captcha {
	padding-left: 10px;
}
.contactform .captchapict {
	display: block;
	margin: 10px 10px 10px 0px;
}
.contactform .captcha input {
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 195px;
	margin: 5px 5px 5px 0px;
}
.contactform input:focus {
	background: #FFFFFF;
}
.contactform .submit {
	padding-left: 10px;
}
.contactformR {
	width: 100%;
}
.contactformR fieldset {
	border: 1px solid #666666;
	padding: 12px;
}

.contactformR fieldset legend {
	font-weight: bold;
	padding: 8px 8px 8px 37px;
        margin-bottom: 10px;
	border:1px solid #003300;
	color:#006600;
	font-size:12px;
	text-align:right;
	background: #CCFF99 url(/images/cms/email_sent.gif) no-repeat 2px center;
}
.contactformR div {
padding: 0.25em 0 0.25em 0;
}

Code: Select all

.formulier label { display: inline; float: left; width: 270px; }
.formulier input { left: 270px; }
.formulier select { width: 175px; }
.formulier checkbox { left: 270px; }

Code: Select all

.Bedrijfsnaam label { 
display: inline; float: left; width: 110px; 
}

Code: Select all

.contactform  .captcha {
	padding-left: 10px;
}
.contactform  .captchapict {
	display: block;
	margin: 10px 10px 10px 0px;
}
.contactform  .captcha input {
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 195px;
	margin: 5px 5px 5px 0px;
}