Documentation:MDriven designer overview Part 4: Difference between revisions

MDriven designer overview Part 4

Revision as of 12:58, 29 July 2018

 <iframe src="https://www.youtube.com/embed/jThQodoFy2Y?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>

    Nested ViewModel to set the immediate properties 
    Presentation properties:
   
     Placing hints 
   
    Visible expressions 
    • Singlelinks with setter 
    • Column for picklist 
    • Column in action 
    • Presentation Unit property 
    Read-only expressions 
    • Static Columns 
    • Prototyper Styles 
    Tab order 
   
      ExpressionAnalyze Form: 
   
   Diagram with used model elements
    Modal ViewModel

</html>

This page was edited more than 11 months ago on 02/10/2024. What links here

@@ Line 1: / Line 1: @@
-<html>
+<div class="video">
-<h4>Setting the presentation properties in the View Model, introducing Modal View Model action.</h4>
+   <div class="video__wrapper">
+  <iframe src="https://www.youtube.com/embed/jThQodoFy2Y?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
-<p>
+</div>
-<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> </p>
+<div class="video__navigation">
-<style type="text/css">
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="41" tabindex="0"> Nested ViewModel to set the immediate properties </span>
- p {
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="271" tabindex="0"> Presentation properties:</span>
-opacity: 0.7;
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="521" tabindex="0">
-text-align: justify;
+      <em>Placing hints </em>
-width: 90%
+    </span>
-}
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="968" tabindex="0"> Visible expressions </span>
-<style type="text/css">
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1256" tabindex="0"> &bull; Singlelinks with setter </span>
- p.warn {
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1333" tabindex="0"> &bull; Column for picklist </span>
-     opacity: 0.7;
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1951" tabindex="0"> &bull; Column in action </span>
-     text-align: justify;
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1990" tabindex="0"> &bull; Presentation Unit property </span>
-     width: 90%
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2101" tabindex="0"> Read-only expressions </span>
-}
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2215" tabindex="0"> &bull; Static Columns </span>
-#video12 {
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2265" tabindex="0"> &bull; Prototyper Styles </span>
-   position: relative;
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2655" tabindex="0"> Tab order </span>
-  padding-bottom: 10px;
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2767" tabindex="0">
-}
+      <strong> ExpressionAnalyze Form: </strong>
-#video12::after {
+    </span>
-  content: "";
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2767" tabindex="0">Diagram with used model elements</span>
-  display: table;
+     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="3251" tabindex="0"> Modal ViewModel </span>
-  clear: both;
-}
-#video12 iframe {
-  width: 100%;
-  min-width: 200px;
-  max-width: 740px;
-  height: 500px;
-  float: left;
-}
-@media (max-width: 767px) {
-  #video12 iframe {
-    height: 180px;
-  }
-}
-#video12 div {
-  float: left;
-  padding-left: 10px;
-	overflow-y: auto;
-	height: 500px;
-}
-span.time {
-    display:block;
-  padding: 2px 10px 2px 10px;
-    padding-bottom: 0.5em;
-    padding-top: 0.5em;
-  opacity: 0.7;
-}
-span.time:hover {
-  color: #0000FF;
-  cursor: pointer;
-}
-span.time:focus {
-  color: blue;
-}
-</style>
- <br>
-<div id="video12">
- <iframe width="740" height="500" src="https://www.youtube.com/embed/jThQodoFy2Y?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
-  <div>
-     <span class="time" data-video="jThQodoFy2Y" data-start="357" tabindex="0">Nested ViewModel to set the immediate properties </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="587" tabindex="0">Presentation properties:</span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="837" tabindex="0"> <em>Placing hints </em> </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="1284" tabindex="0">Visible expressions </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="1572" tabindex="0"> &bull; Singlelinks with setter </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="1649" tabindex="0"> &bull; Column for picklist </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="2167" tabindex="0"> &bull; Column in action </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="2306" tabindex="0"> &bull; Presentation Unit property </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="2417" tabindex="0">Read-only expressions </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="2531" tabindex="0"> &bull; Static Columns </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="2581" tabindex="0">  &bull; Prototyper Styles </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="2971" tabindex="0"> Tab order </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="3083" tabindex="0"> <strong> ExpressionAnalyze Form: </strong> </span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="3083" tabindex="0">Diagram with used model elements</span>
-     <span class="time" data-video="jThQodoFy2Y" data-start="3566" 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]]