Gbook input field

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Post Reply
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am
Location: The Netherlands

Gbook input field

Post by Gregor »

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.

Code: Select all

<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>
Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: Gbook input field

Post by Jos »

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; }
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am
Location: The Netherlands

Re: Gbook input field

Post by Gregor »

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?
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am
Location: The Netherlands

Re: Gbook input field

Post by Gregor »

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 wrote: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?
deactivated010521

Re: Gbook input field

Post by deactivated010521 »

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

Code: Select all

<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.

Code: Select all

{$gook_name_field|replace:'cms_texfield':'form-control'}
Zie ook Bootstrap 4 opmaak: https://getbootstrap.com/docs/4.0/components/forms/
Post Reply

Return to “Dutch - Nederlands”