CMS Made Simple Forums
https://forum.cmsmadesimple.org/

Gbook input field
https://forum.cmsmadesimple.org/viewtopic.php?f=13&t=79160
Page 1 of 1

Author:  Gregor [ Sun Sep 30, 2018 7:15 pm ]
Post subject:  Gbook input field

In Gbook lijkt het dat de {$gbook_name_input} ook een opmaak heeft. Is het mogelijk om de input aan een variabele toe te kennen zodat het het invoerveld ook van styling kan worden voorzien? Zou in onderstaande code het input veld willen toevoegen met een eigen opmaak.
\$1:
<div class="gbook_field{if $gbook_name_error} gbook_field_error{/if}">
                    <label for="{$gbook_name_field}">{*$gbook_name_label*}Naam</label>
                    <input type="text" class="form-control" id="{$gbook_name_field}" placeholder="Naam" required/>
                </div>

Author:  Jos [ Mon Oct 01, 2018 12:28 pm ]
Post subject:  Re: Gbook input field

Als je het veld uniek wilt maken, zou ik dat doen via de class die er al omheen staat via de eerste regel van de door jou geciteerde code.

<div class="naamveldgregor gbook_field{if $gbook_name_error} gbook_field_error{/if}">

De rest van de originele template dan in tact laten.

In je CSS gebruik je dan:
div.naamveldgregor input { border-color: #000; }

Author:  Gregor [ Mon Oct 01, 2018 6:27 pm ]
Post subject:  Re: Gbook input field

Dank je Jos. Dit werkt inderdaad, maar....

De bedoeling is om de formulieren over de site heen op Bootstrap te baseren. BS scheidt label en input qua styling. De manier die je voorstelt zou betekenen dat ik de stylingsdefinitie die in de stylesheet van BS zit moet overnemen, dus separaat van wat er in BS staat? Is er nog een andere manier om de input aan de gbook-input-variabele toe te kennen?

Author:  Gregor [ Sat Oct 13, 2018 4:21 pm ]
Post subject:  Re: Gbook input field

Iemand een idee of (en zo ja hoe) het mogelijk is om de variabele uit de input van het Bootstrap formulier door te geven aan Gbook?

Gregor \Gregor:
De bedoeling is om de formulieren over de site heen op Bootstrap te baseren. BS scheidt label en input qua styling. De manier die je voorstelt zou betekenen dat ik de stylingsdefinitie die in de stylesheet van BS zit moet overnemen, dus separaat van wat er in BS staat? Is er nog een andere manier om de input aan de gbook-input-variabele toe te kennen?

Author:  arnoud [ Sun Oct 14, 2018 3:05 pm ]
Post subject:  Re: Gbook input field

De output van een $gbook_name_field ziet er ongeveer zo uit:

\$1:
<input type="text" class="cms_textfield" name="m8b752name" id="m8b752name" value="" size="40" maxlength="255" />


Die cms_textfield class is de standaard van de cmsms form api.

Voor bootstrap 4 heb je niet een 'cms_textfield' maar een 'form-control' class nodig op het inputfield. Een en ander regelen in de wrapper div die om het inputveld staat is een mogelijkheid.

Met Smarty replace zou het ook kunnen. Ik heb dit in het verleden ook regelmatig toegepast op submit buttons die soms ook een aangepaste class nodig hebben om overeen te komen met de styling van het gekozen framework cq zelfgeschreven css code.

\$1:
{$gook_name_field|replace:'cms_texfield':'form-control'}


Zie ook Bootstrap 4 opmaak: https://getbootstrap.com/docs/4.0/components/forms/

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/