Documentation:MDriven Designer Overview part 3: Difference between revisions

MDriven Designer Overview part 3

Latest revision as of 15:36, 10 February 2024

To make your experience smooth, we set the main tags mentioned in the video to the right bar menu of this mini-player. Choose an interesting subtitle on the list and immediately get to the exact theme navigation item place in the video. Now you can pick any topic to be instructed on without watching the whole video.

This page was edited 90 days ago on 02/10/2024. What links here

@@ Line 1: / Line 1: @@
 <html>
-</p>
+<p class="video-warn">
- <br>
+<em>To make your experience smooth, we set the main tags mentioned in the video to the right bar menu of this mini-player. Choose an interesting subtitle on the list and immediately get to the exact theme navigation item place in the video. Now you can pick any topic to be instructed on without watching the whole video.</em> </p>
-<div id="video12">
-  <iframe width="auto" height="auto" src="https://www.youtube.com/embed/Tnlk5nENWQc?rel=0&autoplay=0"  frameborder="0" allowfullscreen></iframe>
+<div class="video">
-  <div>
+  <div class="video__wrapper">
-     <span data-video="Tnlk5nENWQc" data-start="36" tabindex="0">Running prototyper application</span>
+  <iframe src="https://www.youtube.com/embed/it0ZD7gtjnE?rel=0&autoplay=0"frameborder="0" allowfullscreen></iframe>
-     <span data-video="Tnlk5nENWQc" data-start="1615" tabindex="0"> More on WECPOF</span>
+</div>
-     <span data-video="Tnlk5nENWQc" data-start="113" tabindex="0">Action Definitions editor</span>
+<div class="video__navigation">
-     <span data-video="Tnlk5nENWQc" data-start="118" tabindex="0"> &bull; Global actions</span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="41" tabindex="0"> Running prototyper application</span>
-     <span data-video="Tnlk5nENWQc" data-start="208" tabindex="0">Bring Up a View Model</span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="1620" tabindex="0"> More on WECPOF</span>
-     <span data-video="Tnlk5nENWQc" data-start="544" tabindex="0">  &bull; ViewModel root object</span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="118" tabindex="0"> Action Definitions editor</span>
-     <span data-video="Tnlk5nENWQc" data-start="686" tabindex="0"> &bull; Menu groups </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="123" tabindex="0"> &bull; Global actions</span>
-     <span data-video="Tnlk5nENWQc" data-start="799" tabindex="0"> &bull; Create/Init standart actions </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="213" tabindex="0"> Bring Up a View Model</span>
-     <span data-video="Tnlk5nENWQc" data-start="839" tabindex="0"> &bull; Framework actions</span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="549" tabindex="0">  &bull; ViewModel root object</span>
-     <span data-video="Tnlk5nENWQc" data-start="1766" tabindex="0">Nested ViewModel class </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="691" tabindex="0"> &bull; Menu groups </span>
-     <span data-video="Tnlk5nENWQc" data-start="1923" tabindex="0"> &bull; Grid options</span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="804" tabindex="0"> &bull; Create/Init standart actions </span>
-     <span data-video="Tnlk5nENWQc" data-start="2053" tabindex="0"> &bull; Expressions </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="844" tabindex="0"> &bull; Framework actions</span>
-     <span data-video="Tnlk5nENWQc" data-start="2229" tabindex="0"> &bull; Global Action for Create/Global Action for show </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="1771" tabindex="0"> Nested ViewModel class </span>
-     <span data-video="Tnlk5nENWQc" data-start="2438" tabindex="0">ViewModel action</span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="1928" tabindex="0"> &bull; Grid options</span>
-     <span data-video="Tnlk5nENWQc" data-start="3228" tabindex="0"> Class action </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="2058" tabindex="0"> &bull; Expressions </span>
-     <span data-video="Tnlk5nENWQc" data-start="3689" tabindex="0"> Navigating Actions  </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="2234" tabindex="0"> &bull; Global Action for Create/Global Action for show </span>
-     <span data-video="Tnlk5nENWQc" data-start="3720" tabindex="0"> 3d rendering </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="2443" tabindex="0"> ViewModel action</span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="3233" tabindex="0"> Class action </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="3694" tabindex="0"> Navigating Actions  </span>
+     <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="3725" tabindex="0"> 3d rendering </span>
    </div>
 </div>
-<script>
-var IMG = document.querySelectorAll('#video12 span'),
-    IFRAME = document.querySelector('#video12 iframe');
-for (var i = 0; i < IMG.length; i++) {
-  IMG[i].onclick = function() {
-    IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
-    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
-    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
-    this.style.backgroundColor='rgba(0,0,0,.2)';
-  }
-}
-</script>
 </html>
 [[Category:WECPOF]]
@@ Line 43: / Line 34: @@
 [[Category:MDriven Designer]]
 [[Category:MDriven Designer Sessions]]
+{{Edited|July|12|2024}}