Formulaire:Tutorial

@@ Ligne 10 : / Ligne 10 : @@
 </div>|
 <h1>{{int:wf-formtutorial-main-title}}</h1>
-{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|language selector}}
+{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}
 </div>
 </div>
@@ Ligne 22 : / Ligne 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="msuploadContainer msuploadContainerTall">
-{{{field|Main_Picture|input type=text|uploadable|size=25|class=form-picture ratio4_3|image preview}}}
+{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
 {{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
 </div>
@@ Ligne 74 : / Ligne 74 : @@
 <div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry">
 {{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}
-<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownFullWidth 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-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}}}
@@ Ligne 90 : / Ligne 90 : @@
 </div>
 {{{for template|Materials}}}
-<div class="Input-tabs hide-mobile-view">
+<div class="Input-tabs">
 {{#tag:tabber|
-  {{int:wf-formtutorial-tools-materials-tabs-title}} =<div class="material-tool-list row">
+  {{int:wf-formtutorial-tools-materials-tabs-title}} =
+<div class="material-tool-list row">
 <div class="col-md-6 col-sm-6 col-xs-12">
-<div class="col-pic-materials msuploadContainer">
+<div class="col-pic-materials msuploadContainer msuploadmultiplewhitebg">
 {{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}
-<p class="upload-instructions">Votre image sera visible après l'enregistrement de la page.</p>
+{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}
-<div class="btn btn-primary" type="button" data-toggle="collapse-next"  aria-expanded="false" >+ Ajouter des photos </div>
-<div class="collapse" id="collapseExample">
-<div class="well add-more-pics">
-<span>2ème photo : </span>{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}
+{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}
-<span>3ème photo : </span>{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}
+{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}
-<span>4ème photo : </span>{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}
+{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}
-<span>5ème photo : </span>{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}
+{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}
-<span>6ème photo : </span>{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
-</div>
-</div>
 </div>
 </div>
@@ Ligne 127 : / Ligne 118 : @@
 </div>
 {{!}}-{{!}}
-  {{int:wf-prerequisites-tabs-title}} =<div class="file-subtitle">{{int:wf-prerequisites-tabs-subtitle}}</div><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div>
+  {{int:wf-prerequisites-tabs-title}} =<h4>{{int:wf-prerequisites-tabs-subtitle}}</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div>
 {{!}}-{{!}}
-  {{int:wf-formtutorial-file-tabs-title}}=<div class="row">
+  {{int:wf-formtutorial-file-tabs-title}} =
+<div class="row">
 <div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
 <div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div>
-<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div>
+<div class="add-attachments  add-attachments-upload">{{{field|Tuto_Attachments|holds template}}}</div></div>
 <div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
 <div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div>
@@ Ligne 138 : / Ligne 130 : @@
 </div>
 }}
-</div>
 </div>
 {{{end template}}}
-{{{for template|ItemList|multiple|maximum instances=100|add button text={{int:dokit-item-tabs-btnlink}}|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}
 {{{for template|Prerequisites|multiple|maximum instances=20|add button text={{int:wf-prerequisites-tabs-btnlink}}|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder={{int:wf-prerequisites-tabs-placeholder}}|values from category=Tutorials}}}{{{end template}}}
-{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormTextFullWidth}}}{{{end template}}}
+{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}
 {{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}
-<h2 class="multipleTemplate-tutostep-title">{{int:wf-formtutorial-steps}}</h2>
+<div class="bg-halfsquare-separator-2"></div>
+{{{for template|Separator}}}<br>{{{end template}}}
+<h2>{{int:wf-formtutorial-steps}}</h2>
 <div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}
-<div class="WfFormTutoStep">
+<div class="WfFormTutoStep row">
-<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions">
+<div class="col-sm-6 col-12 order-sm-2 WfFormTutoStepInstructions">
 <div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div>
 <div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div>
 </div>
-<div class="col-sm-6 col-xs-12 col-sm-pull-6">
+<div class="col-sm-6 col-12 order-sm-1">
 <div class="col-pic-step msuploadContainer">
 {{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
@@ Ligne 170 : / Ligne 162 : @@
 </div>
 {{{end template}}}</div>
+<div class="bg-halfsquare-separator-3"></div>
 <div class="notes-ref">
 <h2>{{int:wf-formtutorial-note-title}}</h2>
@@ Ligne 177 : / Ligne 170 : @@
 {{{for template|PageLang}}}<div id="language-dropdown">{{{field|Language|input type=dropdown|hidden|class=language-value}}}</div>{{{end template}}}
 </div>
-<hr class="WfEndForm hide-mobile-view">
 <div class="saving-menu">{{{standard input|saveDraft}}}
 <span class="display-none">{{{standard input|watch}}}</span>{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span>{{{standard input|cancel}}}<div class="status-checkbox-container"><span class="status-checkbox-label">{{int:wf-completetooltip-label}}</span><span class="status-checkbox">{{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span></div>

Dernière version du 18 août 2026 à 10:07

Oups ! Vous n'avez pas la permission de créer une page car vous n'êtes pas connecté. Créez un compte ou connectez vous

Description of allowed licenses

Fichier:CC-BY.pngAttribution Recommended

This license lets others distribute, remix, tweak, and build upon your work, even commercially, as long as they credit you for the original creation. This is the most accommodating of licenses offered. Recommended for maximum dissemination and use of licensed materials.

View License Deed | View Legal Code

Fichier:CC-BY-SA.pngAttribution-ShareAlike

This license lets others remix, tweak, and build upon your work even for commercial purposes, as long as they credit you and license their new creations under the identical terms. This license is often compared to “copyleft” free and open source software licenses. All new works based on yours will carry the same license, so any derivatives will also allow commercial use. This is the license used by Wikipedia, and is recommended for materials that would benefit from incorporating content from Wikipedia and similarly licensed projects.

View License Deed | View Legal Code

Why those two licenses? What is my interest in publishing my tutorials under these licenses? Read our vision and share your thoughts on this page.