|
|
Line 10: |
Line 10: |
| </div>| | | </div>| |
| <h1>{{int:wf-formtutorial-main-title}}</h1> | | <h1>{{int:wf-formtutorial-main-title}}</h1> |
− | {{#forminput:form=DokitPage|button text={{int:dokit-formDokitPage-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}} | + | {{#forminput:form=DokitPage|button text={{int:dokit-formDokitPage-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|language selector}} |
| </div> | | </div> |
| </div> | | </div> |
Line 22: |
Line 22: |
| <div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div> | | <div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div> |
| <div class="msuploadContainer msuploadContainerTall"> | | <div class="msuploadContainer msuploadContainerTall"> |
− | {{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}} | + | {{{field|Main_Picture|input type=text|uploadable|size=25|class=form-picture ratio4_3|image preview}}} |
| {{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}} | | {{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}} |
| </div> | | </div> |
Line 29: |
Line 29: |
| <div class="row"> | | <div class="row"> |
| <div class="col-md-12"> | | <div class="col-md-12"> |
− | <div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div> | + | <div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:dokit-dokitpage-description-field-placeholder}}|}}}</div> |
| <div class="WfFormLabel">{{int:dokit-formgroup-fieldname-categories}}</div> | | <div class="WfFormLabel">{{int:dokit-formgroup-fieldname-categories}}</div> |
| <div class="WfFormTree">{{{field|Categories|input type=tree|top category=Categories|height=56|width=100%|hideroot|list}}}</div> | | <div class="WfFormTree">{{{field|Categories|input type=tree|top category=Categories|height=56|width=100%|hideroot|list}}}</div> |
Line 37: |
Line 37: |
| <div class="row"> | | <div class="row"> |
| <!-- START DROPDOWN ADMIN PROPERTY LIST --><!--END DROPDOWN ADMIN PROPERTY LIST --> | | <!-- START DROPDOWN ADMIN PROPERTY LIST --><!--END DROPDOWN ADMIN PROPERTY LIST --> |
| + | <!-- START TEXT ADMIN PROPERTY LIST --><!--END TEXT ADMIN PROPERTY LIST --> |
| </div> | | </div> |
| <div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-tags-popup}}|}}</span></div> | | <div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-tags-popup}}|}}</span></div> |
Line 44: |
Line 45: |
| {{{end template}}} | | {{{end template}}} |
| <div class="hrContentMinor-2"></div> | | <div class="hrContentMinor-2"></div> |
− | <div class="multipleTemplate-tutostep multipleTemplate-dokitstep">{{{for template|DokitPageStep|multiple|maximum instances=400|add button text=+ }}} | + | <div class="WikiPageEditContent"> |
− | <div class="dokit-sos-radio">{{{field|StepType|input type=radiobutton|mapping using translate=dokitpage-property-|show on select=Media=>dokitpage-template-media;Video=>dokitpage-template-video;Title=>dokitpage-template-title;VeText=>dokitpage-template-vetext;File=>dokitpage-template-file;Transclude=>dokitpage-template-transclude;Space=>dokitpage-template-space;StepLeft=>dokitpage-stepleft;StepRight=>dokitpage-stepright;Warning=>dokitpage-template-warning;}}}</div>
| + | {{{standard input|free text|translatable|input type=textarea|class=form-textarea toolbarOnTop}}} |
− | <div id="dokitpage-template-title">{{{field|DokitPageTitleType|input type=dropdown|mandatory|default=H1|class=WfFormDropdown WfFormDropdownCombineLeft}}} {{{field|DokitPageTitle|translatable|input type=text|class=WfFormText WfFormTextCombineLeft}}}</div>
| |
− | <div id="dokitpage-template-warning">{{{field|DokitPageWarningType|input type=dropdown|mandatory|default=Info|class=WfFormDropdown WfFormDropdownCombineLeft}}} {{{field|DokitPageWarning|translatable|input type=text|class=WfFormText WfFormTextCombineLeft}}}</div>
| |
− | <div id="dokitpage-template-vetext">
| |
− | <div class="dokit-custom-dropdown-topright">{{{field|DokitPageVeColumns|default=OneColumnVe|mapping using translate=dokitpage-property-|class=WfFormDropdown WfFormDropdownAutoWidth|mandatory|show on select=OneColumnVe=>dokitpage-template-ve1;TwoColumnsVe=>dokitpage-template-ve2;ThreeColumnsVe=>dokitpage-template-ve3;FourColumnsVe=>dokitpage-template-ve4;}}}</div>
| |
− | <div class="row" id="dokitpage-template-ve1">
| |
− | <div class="col-md-12">
| |
− | {{{field|DokitPageVeText11|input type=textarea|translatable|rows=5|class=form-textarea}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="row" id="dokitpage-template-ve2">
| |
− | <div class="col-md-6">
| |
− | {{{field|DokitPageVeText21|input type=textarea|translatable|rows=5|class=form-textarea}}}
| |
− | </div>
| |
− | <div class="col-md-6">
| |
− | {{{field|DokitPageVeText22|input type=textarea|translatable|rows=5|class=form-textarea}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="row" id="dokitpage-template-ve3">
| |
− | <div class="col-md-4">
| |
− | {{{field|DokitPageVeText31|input type=textarea|translatable|rows=5|class=WfFormTextarea}}}
| |
− | </div>
| |
− | <div class="col-md-4">
| |
− | {{{field|DokitPageVeText32|input type=textarea|translatable|rows=5|class=WfFormTextarea}}}
| |
− | </div>
| |
− | <div class="col-md-4">
| |
− | {{{field|DokitPageVeText33|input type=textarea|translatable|rows=5|class=WfFormTextarea}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="row" id="dokitpage-template-ve4">
| |
− | <div class="col-md-3">
| |
− | {{{field|DokitPageVeText41|input type=textarea|translatable|rows=4|class=WfFormTextarea}}}
| |
− | </div>
| |
− | <div class="col-md-3">
| |
− | {{{field|DokitPageVeText42|input type=textarea|translatable|rows=4|class=WfFormTextarea}}}
| |
− | </div>
| |
− | <div class="col-md-3">
| |
− | {{{field|DokitPageVeText43|input type=textarea|translatable|rows=4|class=WfFormTextarea}}}
| |
− | </div>
| |
− | <div class="col-md-3">
| |
− | {{{field|DokitPageVeText44|input type=textarea|translatable|rows=4|class=WfFormTextarea}}}
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div id="dokitpage-template-media">
| |
− | <div class="dokit-custom-dropdown-topright">{{{field|DokitPageImageColumns|default=OneColumn|mapping using translate=dokitpage-property-|class=WfFormDropdown WfFormDropdownAutoWidth|mandatory|show on select=OneColumn=>dokitpage-template-image1;TwoColumns=>dokitpage-template-image2;ThreeColumns=>dokitpage-template-image3;FourColumns=>dokitpage-template-image4;}}}</div>
| |
− | {{{field|DokitPageImageWidth|input type=checkboxes|class=WfFormCheckbox|mapping using translate=dokitpage-enablewidth-}}}
| |
− | <div class="row" id="dokitpage-template-image1">
| |
− | <div class="col-md-12">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage11|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation11|input type=editableImage|target=DokitPageImage11}}}
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row" id="dokitpage-template-image2">
| |
− | <div class="col-md-6">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage21|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation21|input type=editableImage|target=DokitPageImage21}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-6">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage22|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation22|input type=editableImage|target=DokitPageImage22}}}
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row" id="dokitpage-template-image3">
| |
− | <div class="col-md-4">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage31|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation31|input type=editableImage|target=DokitPageImage31}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-4">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage32|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation32|input type=editableImage|target=DokitPageImage32}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-4">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage33|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation33|input type=editableImage|target=DokitPageImage33}}}
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row" id="dokitpage-template-image4">
| |
− | <div class="col-md-3">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage41|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation41|input type=editableImage|target=DokitPageImage41}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-3">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage42|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation42|input type=editableImage|target=DokitPageImage42}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-3">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage43|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation43|input type=editableImage|target=DokitPageImage43}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-3">
| |
− | <div class="col-pic-step msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageImage44|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageImageAnnotation44|input type=editableImage|target=DokitPageImage44}}}
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row" id="dokitpage-stepright">
| |
− | <div class="col-md-6">
| |
− | <div class="msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageStepRightImage|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageStepRightImageAnnotation|input type=editableImage|target=DokitPageStepRightImage}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-6">
| |
− | {{{field|DokitPageStepRightContent|input type=textarea|translatable|rows=5|class=form-textarea}}}
| |
− | </div>
| |
− | </div>
| |
− | <div class="row" id="dokitpage-stepleft">
| |
− | <div class="col-md-6">
| |
− | {{{field|DokitPageStepLeftContent|input type=textarea|translatable|rows=5|class=form-textarea}}}
| |
− | </div>
| |
− | <div class="col-md-6">
| |
− | <div class="msuploadContainer msuploadContainerTall">
| |
− | {{{field|DokitPageStepLeftImage|size=32|class=form-picture|default=|uploadable|image preview}}}
| |
− | {{{field|DokitPageStepLeftImageAnnotation|input type=editableImage|target=DokitPageStepLeftImage}}}
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div id="dokitpage-template-video">
| |
− | <div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div>
| |
− | <div class="dokit-video-url" id="dokit-video-youtube">
| |
− | {{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}</div>
| |
− | </div>
| |
− | <div class="dokit-video-url" id="dokit-video-vimeo">
| |
− | {{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}</div>
| |
− | </div>
| |
− | <div class="dokit-video-url" id="dokit-video-dailymotion">
| |
− | {{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}</div>
| |
− | </div>
| |
− | <div class="dokit-video-url" id="dokit-video-mp4">
| |
− | {{{field|mp4video|uploadable|size=25|class=form-picture}}}
| |
− | </div>
| |
| </div> | | </div> |
− | <div id="dokitpage-template-file">{{{field|DokitPageFile|class=WfFormText|default=|uploadable}}}</div>
| + | {{{for template|PageLang}}}<div id="language-dropdown">{{{field|Language|input type=dropdown|hidden|class=language-value}}}</div>{{{end template}}} |
− | <div id="dokitpage-template-transclude">{{{field|DokitPageTransclude|input type=combobox|existing values only|values from namespace=Main}}}</div>
| |
− | <div id="dokitpage-template-space"><span class="WfFormlabel">{{int:dokit-space-label}}</span> {{{field|DokitPageSpace|input type=dropdown|default=M|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth}}}</div> | |
− | {{{end template}}}</div> | |
| {{{for template|AddComments}}}{{{end template}}} | | {{{for template|AddComments}}}{{{end template}}} |
| <hr class="WfEndForm hide-mobile-view"> | | <hr class="WfEndForm hide-mobile-view"> |