FEU + Selfregistration: Formularfelder anpassen

Tranquillius · 04. Oktober 2013 09:19

Wie man die Templates für FrontEndUsers und das Selfregistration-Modul anpasst ist ja soweit klar und kein Problem. Nun möchte ich gerne aber die Formularfelder genauer anpassen. Aber ohne es in ein div zu packen und darüber übergeordnet zu definieren.

Beispiel: {$input_username} möchte ich soweit anpassen, dass z. b. das Attribut " placeholder="Benutzername" " hinzugefügt wird. Ich will z.b. keine Labels verwenden, sondern lieber durch Platzhaltertexte selbst erklärende Formularfelder.

nockenfell · 04. Oktober 2013 09:25

Dazu kannst du einfach das Template (Vorlage) im Frontendusername bearbeiten und folgendes anstelle des {$input_username} nehmen (hab mein Template hier reinkopiert):

Hier klicken, um den Code zum Kopieren zu markieren

{strip}<div id="loginform">

{$startform}
{assign var="feuusername" value="`$feuactionid`feu_input_username"}
{assign var="feupass" value="`$feuactionid`feu_input_password"}
{if $error}<p class="highlight-1">{$error}</p>
{/if}

<input type="text" name="{$feuactionid}feu_input_username" id="feu_input_username" size="40" maxlength="40" {if isset($smarty.post.$feuusername)} value="{$smarty.post.$feuusername}"{else} value="Benutzername"  onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" {/if} />
<div id="feusecond">
<input type="password" id="feu_input_password" name="{$feuactionid}feu_input_password" size="20" maxlength="20" {if !isset($smarty.post.$feupass)} value="Passwort" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" {/if}/>
<br>

 <input type="submit" name="{$feuactionid}submit" class="button" value="{$mod->Lang('login')}"/>
{*<br/>
  <a href="{$url_forgot}" title="{$mod->Lang('info_forgotpw')}">{$mod->Lang('forgotpw')}</a><br/>
  <a href="{$url_lostun}" title="{$mod->Lang('info_lostun')}">{$mod->Lang('lostusername')}</a>
*}
</div>
{$endform}
</div>{/strip}

Tranquillius · 05. Oktober 2013 10:29

Cool danke. Hab mir jetzt die Login- und Logout-Templates gebaut. Kannst du mir eventuell dein Template für "Einstellung ändern" posten? Mit dem Formular zum Passwort anfordern habe ich auch noch ein Problem. Cancel funktioniert, aber bei Eingabe eines Benutzernamens und Submit, kommt "Unzureichende Paramter".

Hier klicken, um den Code zum Kopieren zu markieren

<div id="logon">
{strip}<div class="aligncenter">
{$startform}
{assign var="feuusername" value="`$feuactionid`feu_input_username"}
<img id="feu_login_logo" src="/uploads/system/logo-login.png" />
{if $error}<p id="feu_titel">{$message}</p>
{else}
<p id="feu_titel">Neues Passwort anfordern</p>
{/if}
<p>&nbsp;</p>
<p><input type="text" name="{$feuactionid}feu_input_username" id="feu_input_username" size="40" maxlength="40" {if isset($smarty.post.$feuusername)} value="{$smarty.post.$feuusername}"{else} placeholder="Benutzername"  onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" {/if} /></p>

<p>&nbsp;</p>
<p> <input type="submit" name="{$feuactionid}submit" id="feu_submit" value="{$mod->Lang('submit')}"/>&nbsp;
<input type="submit" name="{$feuactionid}cancel" id="feu_submit" value="{$mod->Lang('cancel')}"/></p>
{$endform}
</div>{/strip}
</div>

Beitrag geändert von Tranquillius (05. Oktober 2013 12:02)

Tranquillius · 08. Oktober 2013 11:24

Zusätzlich zum letzten Post, benötige ich auch noch Hilfe beim Template für das Selfregistration-Module, dessen Formular ich individuell gestalten möchte. Ich finde leider nirgends Infos über die Smarty-Tags.

nockenfell · 08. Oktober 2013 11:31

Hier habe ich dir ein Beispiel einer Seite mit sehr vielen Feldern, in welcher ich an bestimmten Stellen einen Zwischentitel eingefügt habe:

Template "Einstellung ändern"

Hier klicken, um den Code zum Kopieren zu markieren

{*<pre>{$controls|print_r}</pre>*}
<div class="btform">

{if $message != ''}
  {if $error != ''}
    <p><font color="red">{$message}</font></p>
  {else}
    <p>{$message}</p>
  {/if}
{/if}
{$startform}
 {if $controlcount > 0}
<h2>Zugangsdaten</h2>
     {foreach from=$controls item=control}
{if $control->classname == "name"}
<h2>Meine Daten</h2>
{elseif $control->classname == "fachtitel"}
<h2>Kontaktdaten</h2>
{elseif $control->classname == "strasse"}
<h2>Privat</h2>
{elseif $control->classname == "strasseg"}
<h2>Geschäft</h2>
{elseif $control->classname == "mobile"}
<h2>Allgemeine Kontaktdaten</h2>
{elseif $control->classname == "fpi_ausbildung"}
<h2>Ausbildung und Schwerpunkte</h2>
{elseif $control->classname == "verbaende"}
<h2>Mitgliedschaften und Anerkennung</h2>
{/if}

<div>
<label for="{$control->labelfor}">{$control->hidden}<font color="{$control->color}">{$control->prompt}{$control->marker}</font>{if $control->name== "password"}<br /><nobr>{$control->addtext}</nobr>{/if}</label>

{if isset($control->image)}{$control->image}<br/>{/if}
       {$control->control}
       {if isset($control->control2)}{$control->prompt2}&nbsp;{$control->control2}<br/>{/if}
</div>


 {/foreach}
  
 {/if}
 {$hidden}{$hidden2}{$submit}
{$endform}
<!-- change settings template -->
</div>

Zum SelfRegistration Modul habe ich keine Demo, da bis anhin nie genutzt. Du kannst allerdings im Template den Tag

Hier klicken, um den Code zum Kopieren zu markieren

{get_template_vars}

einfügen. Damit siehts du, welche Smartyvariablen existieren. Mit

Hier klicken, um den Code zum Kopieren zu markieren

{$entry->einarray|print_r}

kannst du schauen, was ein Array genau für Werte enthält. $entry->einarray musst du natürlich für die Variable anpassen welche du debuggen willst.

Andynium · 08. Oktober 2013 11:37

nockenfell schrieb:

Du kannst allerdings im Template den Tag
Hier klicken, um den Code zum Kopieren zu markieren
{get_template_vars}
einfügen. Damit siehts du, welche Smartyvariablen existieren. Mit
Hier klicken, um den Code zum Kopieren zu markieren
{$entry->einarray|print_r}
kannst du schauen, was ein Array genau für Werte enthält. $entry->einarray musst du natürlich für die Variable anpassen welche du debuggen willst.

Mit der angepassten Version von {get_template_vars} funzt das alles in einem Aufwasch wink

http://www.cmsmadesimple.de/forum/viewtopic.php?id=337

Tranquillius · 08. Oktober 2013 20:07

Ahh. Mit {get_template_vars} kommt man sogar als Smarty-Noob prima ans Ziel. Das Passwort-Vergessen Template funktioniert jetzt.

Hier klicken, um den Code zum Kopieren zu markieren

{strip}
<div id="logonextra">
<div class="aligncenter">

{$startform}

{assign var="username" value="`$feuactionid`input_username"}

{if !empty($message)}
  {if !empty($error) }
    <p id="feu_error">{$message}</p>
  {else}
  <p id="feu_error">{$message}</p>
  {/if}
  {else}
<p id="feu_titel">Neues Passwort anfordern</p>
{/if}

<p>&nbsp;</p>
<p><input type="text" name="{$feuactionid}input_username" class="feu_input_standard" size="40" maxlength="40" {if isset($smarty.post.$username)} value="{$smarty.post.$username}"{else} placeholder="Benutzername"  onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" {/if} /></p>

{if isset($captcha)}
<p><input type="text" name="{$feuactionid}input_captcha" class="feu_input_standard" size="40" maxlength="40" {if isset($smarty.post.$captcha)} value="{$smarty.post.$captcha}"{else} placeholder="Text auf dem Bild (Captcha)"  onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" {/if} /></p>
<p>&nbsp;</p>
<div class="captcha">{$captcha}</div>
{/if}

<p>&nbsp;</p>
<p><input type="submit" name="{$feuactionid}submit" id="feu_submit" value="{$mod->Lang('submit')}"/>&nbsp;
<input type="submit" name="{$feuactionid}cancel" id="feu_submit" value="{$mod->Lang('cancel')}"/></p>
{$endform}
</div>
</div>{/strip}

Aber aus irgendeinen Grund wird das Captcha nicht geladen. Nur wenn ich den Link in der Adresszeile um Parameter "&cntnt01nocaptcha=1" erleichtere.

Tranquillius · 09. Oktober 2013 12:51

Auch auf die Gefahr hin, dass ich nerve. Es gibt noch eine neue Frage bzw. Problem: Beim FEU Template für Passwort zurücksetzen gibt es noch ein zweites Template, wo man das neue Passwort inkl. eines Verifizierungscodes festlegen kann. Die versendete Mail enthält ja einen Link, welcher die Daten für Benutzername und Code automatisch in das Formular einträgt.

Bei

Hier klicken, um den Code zum Kopieren zu markieren

<input type="text" name="{$feuactionid}feu_input_username" id="feu_input_username" size="40" maxlength="40" {if isset($smarty.post.$feuusername)} value="{$smarty.post.$feuusername}"{else} value="Benutzername"  onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" {/if} />

bzw.

Hier klicken, um den Code zum Kopieren zu markieren

<p><input type="text" name="{$feuactionid}input_username" class="feu_input_standard" size="40" maxlength="40" placeholder="Benutzername" /></p>

werden die Felder nicht automatisch ausgefüllt.

Und folgende Syntax verstehe ich noch nicht:

Hier klicken, um den Code zum Kopieren zu markieren

{if isset($smarty.post.$feuusername)} value="{$smarty.post.$feuusername}"{else} value="Benutzername"  onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" {/if}

Vielleicht kann mir das mal jemand entschlüsseln, damit ich da wieder etwas dazulerne. Langsam will ich keine ewigen Fragen mehr stellen, sondern das selber verstehen.

nockenfell · 09. Oktober 2013 13:44

$smarty.post.$feuusername = POST Variable des FEU-Username Feldes. Unter $smarty.post.XXX sind alle $_POST[] Variablen zu finden. Eine zusätzliche $feuusername Variable hat es, da der Name der Variable dynamisch ist.

In der entsprechenden Abfrage wird abgefragt mit isset() ob es eine solche Variable gibt. Falls ja, wird dieser Wert genommen. Falls nein {else} wird als Value Benutzername eingetragen.

Tranquillius · 09. Oktober 2013 21:43

Vielen Dank. Mit den Hinweisen habe ich glaube langsam die gesamte Syntax verstanden. Nun funktioniert es bei den notwendigen Formularen immer noch nicht, die -PostVariablen aus der URL zu übernehmen.

Mein ausgedünntes Beispiel:

Hier klicken, um den Code zum Kopieren zu markieren

<div id="logonextra">
{strip}
<div class="aligncenter">

{$startform}

{assign var="feucode" value="`$feuactionid`input_code"}

<p><input type="text" name="{$feuactionid}input_code" class="feu_input_standard" size="10" maxlength="10" {if isset($smarty.post.$feucode)} value="{$smarty.post.$feucode}"
{else} 
onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" placeholder="Code" 
{/if}/></p>

{$endform}
</div>{strip}
</div>

Theoretisch müsste der Code (Variable) aus der URL gelesen werden:

index.php?mact=FrontEndUsers,cntnt01,verifycode,0&cntnt01input_uid=1&cntnt01input_code=JC6AQE54XH&cntnt01returnid=95

Beitrag geändert von Tranquillius (09. Oktober 2013 21:50)

nockenfell · 10. Oktober 2013 06:17

Aus der URL wäre dies $smarty.get.$variablenname

Tranquillius · 10. Oktober 2013 19:12

Cool, am get lag es. Jetzt funktioniert das mit dem Code. Im Standard-Template wird auch der Benutzername erfasst. In der URL kann ich aber die Variable nicht finden (außer das verbirgt sich hinter "mact=". Wird das andersweitig übertragen?

nockenfell · 10. Oktober 2013 19:25

Wahrscheinlich unter der uid

Tranquillius · 10. Oktober 2013 19:29

Den Weg habe ich schon probiert. Ich habe sozusagen die Variable "input_uid=1" mit get eingebunden, dann wird im Feld Benutzername aber nur die UID eingetragen (In der Beispiel-URL oben die "1").

nockenfell · 10. Oktober 2013 19:55

von FEU gibt es Smarty Funktionen. Schau mal ob es dort eine Funktion gibt um den Usernamen aus einer UID zu bekommen.

Tranquillius · 10. Oktober 2013 20:14

{$feu_smarty->get_userinfo($uid,$assign)} This function can be used to return the user information for a single user. The output is an array is assigned to a smarty variable specified in the "assign" parameter. 
Example: 

Hier klicken, um den Code zum Kopieren zu markieren

{$feu_smarty->get_userinfo($something.userid,'uinfo')} {$uinfo|@print_r}

Ich vermute dass userinfo in dem Fall der Name des Nutzers anhand einer uid ist. Nur wie setze ich die Funktion um?

nockenfell · 11. Oktober 2013 22:13

Hier klicken, um den Code zum Kopieren zu markieren

{assign var="feuuserid" value="`$feuactionid`input_uid"}
{$feu_smarty->get_userinfo($smarty.get.$feuuserid,'uinfo')}
 {$uinfo|print_r}

Dann schaust du mal was die $uinfo beinhaltet.

Tranquillius · 11. Oktober 2013 06:34

Ok, jetzt kann ich mir aus dem Array den username ausgeben lassen.

Hier klicken, um den Code zum Kopieren zu markieren

<p><input type="text" name="{$feuactionid}input_username" class="feu_input_standard" size="30" maxlength="30" autocomplete="off" {if isset($uinfo)} value="{$uinfo.username}"
{else} 
onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" placeholder="Benutzername"
{/if} /></p>

Vielen Dank für deine unendliche Geduld. wink

Tranquillius · 14. Oktober 2013 09:06

Gibt es auch eine Möglichkeit statt der for-each-Schleife das Formular für die Einstellungen mittels <input>-Tag zu realisieren?

Also statt:

Hier klicken, um den Code zum Kopieren zu markieren

 {if $controlcount > 0}
<h2>Zugangsdaten</h2>
     {foreach from=$controls item=control}
{if $control->classname == "name"}
<h2>Meine Daten</h2>
{elseif $control->classname == "fachtitel"}
<h2>Kontaktdaten</h2>
{elseif $control->classname == "strasse"}
<h2>Privat</h2>
{elseif $control->classname == "strasseg"}
<h2>Geschäft</h2>
{elseif $control->classname == "mobile"}
<h2>Allgemeine Kontaktdaten</h2>
{elseif $control->classname == "fpi_ausbildung"}
<h2>Ausbildung und Schwerpunkte</h2>
{elseif $control->classname == "verbaende"}
<h2>Mitgliedschaften und Anerkennung</h2>
{/if}

So in etwa:

Hier klicken, um den Code zum Kopieren zu markieren

<p><input type="text" name="{$control.username.control}" class="feu_input_standard" size="30" maxlength="30" placeholder="Benutzername" autocomplete="off" /></p>

Dass das Formular dann statisch ist, ist für meinen Fall kein Problem. Wichtiger ist eher, dass ich den Style anpassen kann.

nockenfell · 14. Oktober 2013 12:26

Schau mal mit einem {$controls|print_r} was du bekommst?
Ansonsten kannst du natürlich mit {$variable|replace:"dies":"mit dem"} etwas in den Inputfeldern verändern.

Tranquillius · 14. Oktober 2013 12:39

{$controls|print_r} hatte ich schon gemacht. $controls scheint ein Array zu sein, in den die Arrays der einzelnen Formularfelder mit den Parametern stecken. Was mich wundert ist, ist die Variable/Parameter "control". Irgendwie sieht das nicht aus wie eine Variable.

Beispielausgabe für {$controls.username}

Hier klicken, um den Code zum Kopieren zu markieren

[username] => stdClass Object
(
[name] => username
[type] => 0
[color] => black
[marker] => *
[required] => 1
[prompt] => Benutzername
[control] => {* Das Formularfeld selbst *}
)

Die Variablen 1-6 will ich gar nicht verändern. Zumal sie sich sowieso größtenteils über die Einstellungen von FEU global ändern lassen.

Die Frage ist, wie ich die Variable {$control} des jeweiligen Unterarrays abfrage, nach dem Schema: <input type="text" name="{$feuactionid}feu_input_username" /> ?

<input type="text" name="{$control.username.control}" /> oder <input type="text" name="{$feuactionid}control.username.control" />funktioniert so nicht.

Beitrag geändert von Tranquillius (14. Oktober 2013 13:14)

Tranquillius · 14. Oktober 2013 14:55

Hier klicken, um den Code zum Kopieren zu markieren

<p><input type="text" name="{$feuactionid}control->name" class="feu_input_standard" size="30" maxlength="30" placeholder="{$control->prompt}" autocomplete="off" 
{if isset($control->val)} value="{$control->val}" {/if} /></p>

Wenn ich das Formular ausfülle, kommt "Ungültige Email-Adresse Array".

Beitrag geändert von Tranquillius (14. Oktober 2013 19:24)

Tranquillius · 14. Oktober 2013 19:30

Eigentlich brauche ich nur Hilfe für das Attribut <input name=" " />. "$control->control" funktioniert nicht.

Andynium · 14. Oktober 2013 20:31

Wie in deiner Beispielausgabe von print_r zu lesen ist es kein Array, sondern ein Objekt. Objekte werden mit "->" angesprochen.

Für dein Beispiel müsste es mit {$controls.username->control} funktionieren.

jeff1980 · 10. Juli 2014 11:13

Hi,
ich hänge mich hier mal rein, da ich gerade ein Projekt bearbeite, bei dem ich die Formulare von SelfReg und FEU auch gerne so weit wie möglich anpassen möchte.

Mit Hilfe der hier genannten Lösungen habe ich auch das SelfReg-Template soweit im Griff, dass ich jedes Feld einzeln ansprechen kann. Allerdings hapert es bei mir bei Eingabefehlern. Wird z.B. ein Pflichtfeld nicht ausgefüllt, wird die Seite neu geladen und alle bisher eingegebenen Werte verschwinden wieder.
Konkret sieht es momentan so aus:

Hier klicken, um den Code zum Kopieren zu markieren

{$startform}
{if $controlcount > 0}
{foreach from=$controls item=control}
{if isset($control->hidden)}{$control->hidden}{/if}
<input {if $control->name == 'password' || $control->name == 'repeatpassword'}type="password"{else}type="text"{/if} class="cms_textfield" name="{$selfregactionid}sr_input_{$control->name}" id="{$selfregactionid}sr_input_{$control->name}" placeholder="{$control->prompt}" autocorrect="off" spellcheck="false" value="{$control->val}"{if $control->required == '1'} required{/if}>
{/foreach}
{/if}
{if isset($captcha)}
{$captcha_title}: {$input_captcha}<br />
  {$captcha}<br />
{/if}
 {$hidden|default:''}{$hidden2|default:''}{$submit}<br/>
{$msg_sendanotheremail}&nbsp;{$link_sendanotheremail}
{$endform}

Leider bleibt "value" aber immer leer - {$control->val} habe ich auch nur mal versuchsweise eingefügt, weil ich es hier gesehen habe und keine andere Idee hatte ...

Forum für CMS/made simple

#1 04. Oktober 2013 09:19

FEU + Selfregistration: Formularfelder anpassen

#2 04. Oktober 2013 09:25

Re: FEU + Selfregistration: Formularfelder anpassen

#3 05. Oktober 2013 10:29

Re: FEU + Selfregistration: Formularfelder anpassen

#4 08. Oktober 2013 11:24

Re: FEU + Selfregistration: Formularfelder anpassen

#5 08. Oktober 2013 11:31

Re: FEU + Selfregistration: Formularfelder anpassen

#6 08. Oktober 2013 11:37

Re: FEU + Selfregistration: Formularfelder anpassen

#7 08. Oktober 2013 20:07

Re: FEU + Selfregistration: Formularfelder anpassen

#8 09. Oktober 2013 12:51

Re: FEU + Selfregistration: Formularfelder anpassen

#9 09. Oktober 2013 13:44

Re: FEU + Selfregistration: Formularfelder anpassen

#10 09. Oktober 2013 21:43

Re: FEU + Selfregistration: Formularfelder anpassen

#11 10. Oktober 2013 06:17

Re: FEU + Selfregistration: Formularfelder anpassen

#12 10. Oktober 2013 19:12

Re: FEU + Selfregistration: Formularfelder anpassen

#13 10. Oktober 2013 19:25

Re: FEU + Selfregistration: Formularfelder anpassen

#14 10. Oktober 2013 19:29

Re: FEU + Selfregistration: Formularfelder anpassen

#15 10. Oktober 2013 19:55

Re: FEU + Selfregistration: Formularfelder anpassen

#16 10. Oktober 2013 20:14

Re: FEU + Selfregistration: Formularfelder anpassen

#17 11. Oktober 2013 22:13

Re: FEU + Selfregistration: Formularfelder anpassen

#18 11. Oktober 2013 06:34

Re: FEU + Selfregistration: Formularfelder anpassen

#19 14. Oktober 2013 09:06

Re: FEU + Selfregistration: Formularfelder anpassen

#20 14. Oktober 2013 12:26

Re: FEU + Selfregistration: Formularfelder anpassen

#21 14. Oktober 2013 12:39

Re: FEU + Selfregistration: Formularfelder anpassen

#22 14. Oktober 2013 14:55

Re: FEU + Selfregistration: Formularfelder anpassen

#23 14. Oktober 2013 19:30

Re: FEU + Selfregistration: Formularfelder anpassen

#24 14. Oktober 2013 20:31

Re: FEU + Selfregistration: Formularfelder anpassen

#25 10. Juli 2014 11:13

Re: FEU + Selfregistration: Formularfelder anpassen

Fußzeile des Forums