Difference between revisions of "Form:Page"

From partnersenproppersolutions
 
(25 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
</noinclude><includeonly>__NOTOC____NOTITLE____NOEDITSECTION__<!--
 
</noinclude><includeonly>__NOTOC____NOTITLE____NOEDITSECTION__<!--
-->
+
-->{{{info|page name=<Page[Titel]> |edit title=Pagina bewerken |create title=Pagina aanmaken }}}
 
{{Standard input}}
 
{{Standard input}}
  
 
{{{for template|Page}}}
 
{{{for template|Page}}}
 +
{{{field|Concept|input type=checkbox}}} Nog een concept
  
{| class="formtable"
+
{| class="formtable full-width"
 
|-
 
|-
 
! Titel
 
! Titel
| <big>{{{field|Titel|input type=text |size=40}}}</big>
+
| <big>{{{field|Titel |input type=text |size=40}}}</big>
 +
|-
 +
| colspan=2 | <h2>Inhoud</h2>
 
|-
 
|-
 
! Inleiding
 
! Inleiding
Line 21: Line 24:
 
| {{{field|Tekst|input type=textarea |rows=1 |autogrow}}}
 
| {{{field|Tekst|input type=textarea |rows=1 |autogrow}}}
 
|}
 
|}
 +
<h2>Kolom aan de rechterkant</h2>
 +
;Vrije tekst
 +
{{{field|Rechts|input type=textarea|rows=1|autogrow}}}
 +
 +
;Elementen
 +
{{{field|Rechts templates|input type=tokens |list |delimiter=; |values=Afspraak maken; Blog; }}}
 +
 
{{{end template}}}
 
{{{end template}}}
  
{{{for template|Page section|embed in field=Page[Body] |multiple}}}
+
{{{for template|Page section|embed in field=Page[Body] |multiple |add button text=+ Sectie toevoegen}}}
{{{field|Type|input type=radiobutton|values=Paragraaf; Afbeelding; Icoonkaarten; Inhoud inbedden |show on select=Paragraaf=>paragraaf;Afbeelding=>afbeelding; Inhoud inbedden=>inbedden;Icoonkaarten=>iconcards; |default=Paragraaf |delimiter=;|mandatory}}}
+
{{{field|Type|input type=dropdown|values=Paragraaf; Afbeelding; Icoonkaarten; <!--Inhoud inbedden;--->Horizontale lijn; |show on select=Paragraaf=>paragraaf;Afbeelding=>afbeelding; Inhoud inbedden=>inbedden;Icoonkaarten=>iconcards;Horizontale lijn=>hr; |default=Paragraaf |delimiter=;|mandatory}}}
 
<div id="paragraaf">
 
<div id="paragraaf">
{|
+
{| class="formtable full-width"
 
|-
 
|-
 
! Tussenkop:
 
! Tussenkop:
| {{{field|Tussenkop|input type=text |size=40 |class=h2}}}
+
| <div class="row"><div class="col-md-8"><big>{{{field|Tussenkop|input type=text |size=50 }}}</big></div>
 +
<div class="col-md-4">{{{field|Heading level|input type=dropdown|values=h2,h3,h4,h5|default=h2}}}</div></div>
 
|-
 
|-
 
! Tekst
 
! Tekst
Line 36: Line 47:
 
</div>
 
</div>
 
<div id="afbeelding">
 
<div id="afbeelding">
in aanbouw
+
{| class="formtable full-width"
 +
{{!}}-
 +
! Bestand afbeelding
 +
{{!}} {{{field|Bestand|input type=combobox |uploadable|values from namespace=File}}} <!--- misschien later
 +
! Coordinaten
 +
{{!}} Coordinaten als van imagemap gebruik gemaakt wordt
 +
--->
 +
{{!}}-
 +
! Afmetingen
 +
| {{{field|Afmetingen|input typ=text}}}
 +
| bijv. 400px
 +
|-
 +
! Paginalink
 +
| {{{field|Link}}}
 +
| optioneel: naam van een pagina als een afbeelding naar de pagina moet linken.
 +
|-
 +
! Positie
 +
| {{{field|Positie|input type=dropdown|values=left, right, center|delimiter=, }}}
 +
<!--
 +
|-
 +
! Titel
 +
| {{{field|SEO title ????????? |input type=text}}}
 +
| Titel die te zien is wanneer de cursor op de afbeelding staat. Ook nuttig voor SEO.
 +
 
 +
--->
 +
{{!}}-
 +
! Alt
 +
{{!}} {{{field|Alt|input type=text }}}
 +
{{!}} Optioneel maar aan te raden: een "alt" tag is een beschrijving voor diegenen die afbeeldingen niet kunnen zien.
 +
{{!}}}
 
</div>
 
</div>
 
<div id="inbedden">
 
<div id="inbedden">
Line 42: Line 82:
 
</div>
 
</div>
 
<div id="iconcards">
 
<div id="iconcards">
Drie of vier bondige, visueel uitnodigende samenvattingen naast elkaar, elk met een groot icoon
+
Twee, drie of vier kernachtige boodschappen naast elkaar. Elke kaart bestaat uit een icoon, een kop en een korte tekst.
 +
elk met een groot icoon
 
<div class=" row">
 
<div class=" row">
 
<div class="col-md-3">
 
<div class="col-md-3">
 +
Icoonkaart <span class="badge">1</span>
 
;Icoon
 
;Icoon
{{{field|Icoon1|input type=dropdown|default=bullseye|size=2}}}
+
{{{field|Icoon1|input type=combobox|default=bullseye|size=2}}}
 +
<!--- ;Kleurcode icoon
 +
{{{field|Kleur1|input type=text|default=#557ebe|size=30}}}--->
 
;Tussenkop
 
;Tussenkop
 
{{{field|Tussenkop1|input type=text|size=30}}}
 
{{{field|Tussenkop1|input type=text|size=30}}}
 
;Tekst (houd het kort!)
 
;Tekst (houd het kort!)
{{{field|Tekst1|input type=textarea|rows=1|cols=30}}}
+
{{{field|Tekst1|input type=textarea|rows=3 |autogrow |cols=30}}}
 
</div>
 
</div>
 
<div class="col-md-3">
 
<div class="col-md-3">
 +
Icoonkaart <span class="badge">2</span>
 
;Icoon
 
;Icoon
{{{field|Icoon2|input type=dropdown|default=bullseye|size=2}}}
+
{{{field|Icoon2|input type=combobox|default=bullseye|size=2}}}
 +
<!---;Kleurcode icoon
 +
{{{field|Kleur2|input type=text|default=#557ebe|size=30}}}-->
 
;Tussenkop
 
;Tussenkop
 
{{{field|Tussenkop2|input type=text|size=30}}}
 
{{{field|Tussenkop2|input type=text|size=30}}}
 
;Tekst (houd het kort!)
 
;Tekst (houd het kort!)
{{{field|Tekst2|input type=textarea|rows=1|cols=30}}}
+
{{{field|Tekst2|input type=textarea|rows=3|autogrow|cols=30}}}
 
</div>
 
</div>
 
<div class="col-md-3">
 
<div class="col-md-3">
 +
Icoonkaart <span class="badge">3</span>
 +
;Icoon
 +
{{{field|Icoon3|input type=combobox|default=bullseye|size=2}}}
 +
<!--- ;Kleurcode icoon
 +
{{{field|Kleur3|input type=text|default=#557ebe|size=30}}} --->
 +
;Tussenkop
 +
{{{field|Tussenkop3|input type=text|size=30}}}
 +
;Tekst (houd het kort!)
 +
{{{field|Tekst3|input type=textarea|autogrow|rows=3|cols=30}}}
 +
</div>
 +
<div class="col-md-3">
 +
Icoonkaart <span class="badge">4</span> (optioneel)
 +
;Icoon
 +
{{{field|Icoon4|input type=combobox|default=|size=2}}}
 +
<!-- ;Kleurcode icoon
 +
{{{field|Kleur4|input type=text|default=#557ebe|size=30}}} --->
 +
;Tussenkop
 +
{{{field|Tussenkop4|input type=text|size=30}}}
 +
;Tekst (houd het kort!)
 +
{{{field|Tekst4|input type=textarea|autogrow|rows=3|cols=30}}}
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
<div id="hr">
 +
<div class="well well-info">Hiermee wordt een horizontale scheidingslijn ingevoegd.</div>
 
</div>
 
</div>
 
{{{end template}}}
 
{{{end template}}}

Latest revision as of 15:29, 15 May 2017