Edit DokitPage: Template:DokitPageStep

{{#switch: {{{StepType|}}} | Media = {{#switch: {{{DokitPageImageColumns|}}} | OneColumn = <div class="row dokit-page-section"> <div class="col-xs-12 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage11|}}}|{{#annotatedImage:[[File:{{{DokitPageImage11}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation11}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> </div> | TwoColumns = <div class="row dokit-page-section"> <div class="col-xs-6 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage21|}}}|{{#annotatedImage:[[File:{{{DokitPageImage21}}}|frameless|border|class=img-responsive } dokit-page-centerimage]]|{{{DokitPageImageAnnotation21}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> <div class="col-xs-6 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage22|}}}|{{#annotatedImage:[[File:{{{DokitPageImage22}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation22}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> </div> | ThreeColumns = <div class="row dokit-page-section"> <div class="col-xs-4 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage31|}}}|{{#annotatedImage:[[File:{{{DokitPageImage31}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation31}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> <div class="col-xs-4 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage32|}}}|{{#annotatedImage:[[File:{{{DokitPageImage32}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation32}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> <div class="col-xs-4 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage33|}}}|{{#annotatedImage:[[File:{{{DokitPageImage33}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation33}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> </div> | FourColumns = <div class="row dokit-page-section"> <div class="col-xs-3 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage41|}}}|{{#annotatedImage:[[File:{{{DokitPageImage41}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation41}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> <div class="col-xs-3 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage42|}}}|{{#annotatedImage:[[File:{{{DokitPageImage42}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation42}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> <div class="col-xs-3 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage43|}}}|{{#annotatedImage:[[File:{{{DokitPageImage43}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation43}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> <div class="col-xs-3 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage44|}}}|{{#annotatedImage:[[File:{{{DokitPageImage44}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation44}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> </div> }} | Video = <div class="row noprint dokit-page-section"> <div class="col-xs-12"> <h2 class="VideoTitle">{{int:wf-video-intro-title}}</h2> <div class="allSizeScreenButton"> <span class="resizeButton smallButton"></span> <span class="resizeButton mediumButton"></span> <span class="resizeButton largeButton"></span> </div> <div class="videoMainContainer"> <div class="videoContainer">{{#switch:{{{VideoType}}}|Youtube={{#ev:youtube|{{{VideoURLYoutube}}}}}|Vimeo={{#ev:vimeo|{{{VideoURLVimeo}}}}}|Dailymotion={{#ev:dailymotion|{{{VideoURLDailymotion}}}}}|Mp4=[[File:{{{mp4video}}}]]}}</div> </div> </div> </div> | StepRight = <div class="row dokit-page-section"> <div class="col-md-6 DokitPageImage col-md-push-6">[[DokitPageStepRightContent::{{{DokitPageStepRightContent|}}}]]</div> <div class="col-md-6 DokitPageImage col-md-pull-6 {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageStepRightImage|}}}|{{#annotatedImage:[[File:{{{DokitPageStepRightImage}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageStepRightImageAnnotation}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> </div> | StepLeft = <div class="row dokit-page-section"> <div class="col-md-6 DokitPageImage">[[DokitPageStepLeftContent::{{{DokitPageStepLeftContent|}}}]]</div> <div class="col-md-6 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageStepLeftImage|}}}|{{#annotatedImage:[[File:{{{DokitPageStepLeftImage}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageStepLeftImageAnnotation}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> </div> | Title = {{#switch: {{{DokitPageTitleType|}}} | H1 = <h1>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h1> | H2 = <h2>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h2> | H3 = <h3>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h3> | H4 = <h4>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h4> | H5 = <h5>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h5> | H6 = <h6>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h6> }} | Warning = {{#switch: {{{DokitPageWarningType|}}} | Info = <div class="icon-instructions info-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-info-circle" aria-hidden="true"></i></div><div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div> | Pin = <div class="icon-instructions pin-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-thumb-tack" aria-hidden="true"></i></div> <div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div> | Dont = <div class="icon-instructions dont-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-hand-paper-o" aria-hidden="true"></i></div><div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div> | Warning = <div class="icon-instructions caution-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></div><div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div> | Idea = <div class="icon-instructions idea-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-lightbulb-o" aria-hidden="true"></i></div><div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div> }} | VeText = {{#switch: {{{DokitPageVeColumns|}}} | OneColumnVe = <div class="row dokit-page-section"><div class="col-md-12"> {{{DokitPageVeText11|}}} </div></div> | TwoColumnsVe = <div class="row dokit-page-section"><div class="col-md-6"> {{{DokitPageVeText21|}}} </div><div class="col-md-6"> {{{DokitPageVeText22|}}} </div></div> | ThreeColumnsVe = <div class="row dokit-page-section"><div class="col-md-4"> {{{DokitPageVeText31|}}} </div><div class="col-md-4"> {{{DokitPageVeText32|}}} </div><div class="col-md-4"> {{{DokitPageVeText33|}}} </div></div> | FourColumnsVe = <div class="row dokit-page-section"><div class="col-md-3"> {{{DokitPageVeText41|}}} </div><div class="col-md-3"> {{{DokitPageVeText42|}}} </div><div class="col-md-3"> {{{DokitPageVeText43|}}} </div><div class="col-md-3"> {{{DokitPageVeText44|}}} </div></div> }} | File = <div class="attach-link-table dokit-page-section"><i class="fa fa-file"></i> [[:File:{{{DokitPageFile|}}}]]</div> | Transclude = {{:{{{DokitPageTransclude|}}}}} | Space = <hr class="DokitPageSpace {{{DokitPageSpace|}}}"> |}} <div class="display-none"> [[StepType::{{{StepType|}}}]] [[DokitPageImageWidth::{{{DokitPageImageWidth|}}}]] [[DokitPageVeText11::{{{DokitPageVeText11|}}}]] [[DokitPageVeColumns::{{{DokitPageVeColumns|}}}]] [[DokitPageVeText21::{{{DokitPageVeText21|}}}]] [[DokitPageVeText22::{{{DokitPageVeText22|}}}]] [[DokitPageVeText31::{{{DokitPageVeText31|}}}]] [[DokitPageVeText32::{{{DokitPageVeText32|}}}]] [[DokitPageVeText33::{{{DokitPageVeText33|}}}]] [[DokitPageVeText41::{{{DokitPageVeText41|}}}]] [[DokitPageVeText42::{{{DokitPageVeText42|}}}]] [[DokitPageVeText43::{{{DokitPageVeText43|}}}]] [[DokitPageVeText44::{{{DokitPageVeText44|}}}]] [[DokitPageTitleType::{{{DokitPageTitleType|}}}]] [[DokitPageWarningType::{{{DokitPageWarningType|}}}]] [[DokitPageImageColumns::{{{DokitPageImageColumns|}}}]] [[Category:DokitPage]] [[VideoType::{{{VideoType|}}}]] [[TutoVideoServiceYoutube::{{{TutoVideoServiceYoutube|}}}]] [[TutoVideoURLYoutube::{{{TutoVideoURLYoutube|}}}]] [[TutoVideoServiceVimeo::{{{TutoVideoServiceVimeo|}}}]] [[TutoVideoURLVimeo::{{{TutoVideoURLVimeo|}}}]] [[TutoVideoServiceDailymotion::{{{TutoVideoServiceDailymotion|}}}]] [[TutoVideoURLDailymotion::{{{TutoVideoURLDailymotion|}}}]] [[DokitPageSpace::{{{DokitPageSpace|}}}]] [[mp4video::{{{mp4video|}}}]]</div>