Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 30. Juni 2012 18:21

Sigi
probiert CMS/ms aus
Registriert: 07. April 2012
Beiträge: 27

[GELÖST] FormBuilder - Feldnamen werden nicht angezeigt

Hallo!

Ich habe den FormBuilder installiert und versuche nun ein Kontaktformular darüber zu erstellen. Es gibt bereits drei vorinstallierte Formulare, wovon mir eins optisch so einigermassen gefällt. Es hat den Namen "Contact Form". Wenn ich das mit

{FormBuilder form='contact'}

in eine Seite einbinde sieht es aktuell so aus:

screen-capture.png

Bei zwei Sachen komme ich aber nicht weiter.

1. Wie kriege ich es hin das die Feldnamen vor den Feldern erscheinen?

2. Wie kriege ich den Abstand zwischen den Feldern größer?

Bereits jetzt vielen Dank für eure Hilfe

Offline

#2 01. Juli 2012 17:51

serialpark
probiert CMS/ms aus
Ort: Berlin
Registriert: 24. Januar 2012
Beiträge: 52

Re: [GELÖST] FormBuilder - Feldnamen werden nicht angezeigt

1. unter den einzelnen feldern gibts über advanced settings/erweiterte einstellungen "hide label" da den haken raus nehmen, und oder im template schauen, ob die label übergeben werden

2. via css:

input, textarea{
margin-bottom:10px;
}

Offline

#3 03. Juli 2012 19:37

Sigi
probiert CMS/ms aus
Registriert: 07. April 2012
Beiträge: 27

Re: [GELÖST] FormBuilder - Feldnamen werden nicht angezeigt

Habe es gerade mal getestet.

zu 1: Der FormBuilder ist bei mir in deutsch. Wenn ich bei den entsprechenden Feldnamen die im Kontaktformular angezeigt werden sollen auf "Erweiterte Einstellungen" gehe, habe ich dort überall wo der Feldname unterdrückt werden soll bei "Beschriftung verbergen:" das Häkchen im Kasten "Diesen Feldnamen im Formular verbergen" rausgenommen.

zu 2: Der Einbau via css hat keine Veränderungen im Abstand zwischen den Feldern gebracht. Hier mal der Inhalt der FormBuilder Default Style.css, wo meines erachtens das Formular drauf zugreift:

/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #f60;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

Was mache ich falsch?

Offline

#4 04. Juli 2012 22:08

nicmare
Server-Pate
Registriert: 15. Dezember 2010
Beiträge: 1.314
Webseite

Re: [GELÖST] FormBuilder - Feldnamen werden nicht angezeigt

guck mal in den quelltext deiner seite ob die labels überhaupt erzeugt wurden. also suche nach "<label" irgendwo in der nähe von <fieldset

Offline

#5 05. Juli 2012 15:08

Sigi
probiert CMS/ms aus
Registriert: 07. April 2012
Beiträge: 27

Re: [GELÖST] FormBuilder - Feldnamen werden nicht angezeigt

Also das ist der Quelltext der aktuell ausgespuckt wird:

<!-- Start FormBuilder Module (0.7.2) -->

				
		<form id="cntnt01moduleform_2" method="post" action="http://www.seniorenassistenz-krieger.de/index.php?page=impressum" class="cms_form" enctype="multipart/form-data">
<div class="hidden">
<input type="hidden" name="mact" value="FormBuilder,cntnt01,default,0" />
<input type="hidden" name="cntnt01returnid" value="60" />
<input type="hidden" name="cntnt01fbrp_callcount" value="1" />
</div>

	<div><input type="hidden" id="cntnt01form_id" name="cntnt01form_id" value="2" />
<input type="hidden" id="cntnt01fbrp_continue" name="cntnt01fbrp_continue" value="2" />
<input type="hidden" id="cntnt01fbrp_done" name="cntnt01fbrp_done" value="1" />
</div>
	<div class="contactform">
				        	<fieldset id="fbrp__13"><legend>Contact</legend>
     				        	<div class="required"><label for="Test">Ihr Name:*</label><input type="text" name="cntnt01fbrp__14" value="" size="25" maxlength="128"  id="Test" />
</div>
     				        	<div class="required"><label for="fbrp__15_1">Your Email Address*</label><input type="text" name="cntnt01fbrp__15[]"  id="fbrp__15_1" value="" size="25" maxlength="128" /><input type="checkbox" class="cms_checkbox" name="cntnt01fbrp__15[]" value="1"  id="fbrp__15_2" />
<label for="fbrp__15_2" class="label">Send me a copy of form</label></div>
     				        	<div class="required"><label for="fbrp__16">Email Again*</label><input type="text" name="cntnt01fbrp__16" value="" size="25" maxlength="128"  id="fbrp__16" />
</div>
     				        	<div class="required"><label for="fbrp__17">Subject*</label><input type="text" name="cntnt01fbrp__17" value="" size="25" maxlength="128"  id="fbrp__17" />
</div>
     				        	<div class="required"><label for="message">Mitteilung*</label><textarea name="cntnt01fbrp__18" cols="60" rows="5" class="cms_textarea" id="message">Enter Your Message Here</textarea><script type="text/javascript">
var f = document.getElementById('message');
if (f)
{
f.onfocus=function(){
if (this.value==this.defaultValue) {this.value='';}
}
f.onblur=function(){
if (this.value=='') {this.value=this.defaultValue;}
}
}
;</script>
</div>
     							        	</fieldset>
     				<div class="submit"><input class="cms_submit fbsubmit" name="cntnt01fbrp_submit" id="cntnt01fbrp_submit" value="Absenden" type="submit"  /></div>
	</div>
	</form>


<!-- End FormBuilder Module -->

Offline

#6 05. Juli 2012 16:10

nicmare
Server-Pate
Registriert: 15. Dezember 2010
Beiträge: 1.314
Webseite

Re: [GELÖST] FormBuilder - Feldnamen werden nicht angezeigt

na dann wird irgendwo in deinem css das label ausgeblendet. am einfachsten findste die ursache mit firebug

Offline

#7 05. Juli 2012 18:10

Sigi
probiert CMS/ms aus
Registriert: 07. April 2012
Beiträge: 27

Re: [GELÖST] FormBuilder - Feldnamen werden nicht angezeigt

Ich habe es gefunden. Der Fehler war der:

Bei "Stylesheets" gibt es ja die Datei "FormBuilder Default Style". Diese CSS-Datei musste ich zuerst einmal mit dem eingesetzten Standart-Template verknüpfen.

Jetzt werden die Feldnamen angezeigt und jetzt zeigen auch die Änderungen in der "FormBuilder Default Style.css" ihre Wirkungen.

Vielen Dank für eure Hilfe!

Offline