Difference between revisions of "Form:Page"
From partnersenproppersolutions
(30 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= | + | | <big>{{{field|Titel |input type=text |size=40}}}</big> |
+ | |- | ||
+ | | colspan=2 | <h2>Inhoud</h2> | ||
|- | |- | ||
! Inleiding | ! Inleiding | ||
Line 17: | Line 20: | ||
! Secties | ! Secties | ||
| {{{field|Body|holds template}}} | | {{{field|Body|holds template}}} | ||
− | + | |- | |
+ | ! Meer tekst | ||
+ | | {{{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= | + | {{{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"> | ||
− | Tussenkop: {{{field|Tussenkop|input type=text |size= | + | {| class="formtable full-width" |
− | <div>{{{field|Paragraaf|input type=textarea |rows= |autogrow | + | |- |
+ | ! Tussenkop: | ||
+ | | <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 | ||
+ | | {{{field|Paragraaf|input type=textarea |rows= |autogrow |editor=wikieditor}}} | ||
+ | |} | ||
+ | </div> | ||
<div id="afbeelding"> | <div id="afbeelding"> | ||
− | + | {| 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"> | ||
in aanbouw | in aanbouw | ||
</div> | </div> | ||
+ | <div id="iconcards"> | ||
+ | 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="col-md-3"> | ||
+ | Icoonkaart <span class="badge">1</span> | ||
+ | ;Icoon | ||
+ | {{{field|Icoon1|input type=combobox|default=bullseye|size=2}}} | ||
+ | <!--- ;Kleurcode icoon | ||
+ | {{{field|Kleur1|input type=text|default=#557ebe|size=30}}}---> | ||
+ | ;Tussenkop | ||
+ | {{{field|Tussenkop1|input type=text|size=30}}} | ||
+ | ;Tekst (houd het kort!) | ||
+ | {{{field|Tekst1|input type=textarea|rows=3 |autogrow |cols=30}}} | ||
+ | </div> | ||
+ | <div class="col-md-3"> | ||
+ | Icoonkaart <span class="badge">2</span> | ||
+ | ;Icoon | ||
+ | {{{field|Icoon2|input type=combobox|default=bullseye|size=2}}} | ||
+ | <!---;Kleurcode icoon | ||
+ | {{{field|Kleur2|input type=text|default=#557ebe|size=30}}}--> | ||
+ | ;Tussenkop | ||
+ | {{{field|Tussenkop2|input type=text|size=30}}} | ||
+ | ;Tekst (houd het kort!) | ||
+ | {{{field|Tekst2|input type=textarea|rows=3|autogrow|cols=30}}} | ||
+ | </div> | ||
+ | <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 id="hr"> | ||
+ | <div class="well well-info">Hiermee wordt een horizontale scheidingslijn ingevoegd.</div> | ||
</div> | </div> | ||
{{{end template}}} | {{{end template}}} |