Documentation:MDriven designer overview Part 4: Difference between revisions

MDriven designer overview Part 4

Latest revision as of 15:37, 10 February 2024

Setting the presentation properties in the ViewModel and introducing modal ViewModel action.

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 more than 11 months ago on 02/10/2024. What links here

@@ Line 1: / Line 1: @@
 <html>
-<h4>Setting the presentation properties in the View Model, introducing Modal View Model action.</h4>
+<h4>Setting the presentation properties in the ViewModel and introducing modal ViewModel action.</h4>
-<p>
+<p class="video-warn">
-<em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now you can pick any topic to be instructed without watching the whole video.</em>
+  <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>
-<style type="text/css">
- p {
-opacity: 0.7;
-text-align: justify;
-width: 90%
-}
- </style>
 </p>
- <br>
-<div id="video12">
+<div class="video">
- <iframe width="740" height="500" src="https://www.youtube.com/embed/8-MKWP8JE1Q?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
+  <div class="video__wrapper">
-  <div>
+  <iframe src="https://www.youtube.com/embed/jThQodoFy2Y?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
-     <span data-video="8-MKWP8JE1Q" data-start="36" tabindex="0">Nested ViewModel to set the immediate properties </span>
+</div>
-     <span data-video="8-MKWP8JE1Q" data-start="266" tabindex="0">Presentation properties:</span>
+<div class="video__navigation">
-     <span data-video="8-MKWP8JE1Q" data-start="516" tabindex="0"> <em>Placing hints </em> </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="41" tabindex="0"> Nested ViewModel to set the immediate properties </span>
-     <span data-video="8-MKWP8JE1Q" data-start="963" tabindex="0">Visible expressions </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="271" tabindex="0"> Presentation properties:</span>
-     <span data-video="8-MKWP8JE1Q" data-start="1251" tabindex="0"> &bull; Singlelinks with setter </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="521" tabindex="0">
-     <span data-video="8-MKWP8JE1Q" data-start="1328" tabindex="0"> &bull; Column for picklist </span>
+Placing hints
-     <span data-video="8-MKWP8JE1Q" data-start="1846" tabindex="0"> &bull; Column in action </span>
+    </span>
-     <span data-video="8-MKWP8JE1Q" data-start="1985" tabindex="0"> &bull; Presentation Unit property </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="968" tabindex="0"> Visible expressions </span>
-     <span data-video="8-MKWP8JE1Q" data-start="2096" tabindex="0">Read-only expressions </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1256" tabindex="0"> &bull; Singlelinks with setter </span>
-     <span data-video="8-MKWP8JE1Q" data-start="2210" tabindex="0"> &bull; Static Columns </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1333" tabindex="0"> &bull; Column for picklist </span>
-     <span data-video="8-MKWP8JE1Q" data-start="2260" tabindex="0">  &bull; Prototyper Styles </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1951" tabindex="0"> &bull; Column in action </span>
-     <span data-video="8-MKWP8JE1Q" data-start="2650" tabindex="0"> Tab order </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1990" tabindex="0"> &bull; Presentation Unit property </span>
-     <span data-video="8-MKWP8JE1Q" data-start="2762" tabindex="0"> <strong> ExpressionAnalyze Form: </strong> </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2101" tabindex="0"> Read-only expressions </span>
-     <span data-video="8-MKWP8JE1Q" data-start="2847" tabindex="0">Diagram with used model elements</span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2215" tabindex="0"> &bull; Static Columns </span>
-     <span data-video="8-MKWP8JE1Q" data-start="3245" tabindex="0"> Modal ViewModel </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2265" tabindex="0"> &bull; Prototyper Styles </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2655" tabindex="0"> Tab order </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2767" tabindex="0">
+      <strong> ExpressionAnalyze Form: </strong>
+    </span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2767" tabindex="0">Diagram with used model elements</span>
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="3251" tabindex="0"> Modal ViewModel </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:MDriven Designer]]
 [[Category:MDriven Designer Sessions]]
 [[Category:Expressions]]
+{{Edited|July|12|2024}}