• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 5 posts ] 
Author Message
 Post subject: Gbook input field
PostPosted: Sun Sep 30, 2018 7:15 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1857
Location: The Netherlands
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>


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Gbook input field
PostPosted: Mon Oct 01, 2018 12:28 pm 
Offline
Support Guru
Support Guru
User avatar

Joined: Wed Sep 05, 2007 8:03 pm
Posts: 4009
Location: The Netherlands
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; }

_________________


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Gbook input field
PostPosted: Mon Oct 01, 2018 6:27 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1857
Location: The Netherlands
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?


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Gbook input field
PostPosted: Sat Oct 13, 2018 4:21 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1857
Location: The Netherlands
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?


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Gbook input field
PostPosted: Sun Oct 14, 2018 3:05 pm 
Offline
Power Poster
Power Poster

Joined: Sun Apr 19, 2009 9:33 am
Posts: 1377
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/

_________________
The CMSMS Builder is a tool to help you develop and optimize CMS Made Simple >= 2.2.3 themes, it is made by a developer for developers.

I you like an automated file based work-flow this project might be for you. It is usable to kick-start a new CMSMS project or it can be applied to existing ones.


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 5 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Hosting Nation - Managed CMSMS Hosting