MDriven designer overview Part 4
No edit summary
(Automatically adding template at the end of the page.)
 
(21 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<html>
<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 {
text-align: justify;
width: 90%
}
</style>
</p>
</p>


<style>
<div class="video">
#video12 {
   <div class="video__wrapper">
  position: relative;
  <iframe src="https://www.youtube.com/embed/jThQodoFy2Y?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
  padding-bottom: 75%;
</div>
}
<div class="video__navigation">
#video12 iframe {
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="41" tabindex="0"> Nested ViewModel to set the immediate properties </span>
  position: absolute;
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="271" tabindex="0"> Presentation properties:</span>
  width: calc(100% - 300px);
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="521" tabindex="0">
  height: calc(100% - 300px);
Placing hints
}
    </span>
#video12 div {
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="968" tabindex="0"> Visible expressions </span>
  position: absolute;
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1256" tabindex="0"> &bull; Singlelinks with setter </span>
  top: 0;
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1333" tabindex="0"> &bull; Column for picklist </span>
  right: 0;
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1951" tabindex="0"> &bull; Column in action </span>
  width: 270px;
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1990" tabindex="0"> &bull; Presentation Unit property </span>
  height: 60%;
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2101" tabindex="0"> Read-only expressions </span>
  padding: 10px;
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2215" tabindex="0"> &bull; Static Columns </span>
  overflow-y: auto;
     <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>
#video12 span {
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2767" tabindex="0">
    font-size: 18;
      <strong> ExpressionAnalyze Form: </strong>
    display:block;
    </span>
  padding: 2px 10px 2px 10px;
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2767" tabindex="0">Diagram with used model elements</span>
    padding-bottom: 0.5;
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="3251" tabindex="0"> Modal ViewModel </span>
    padding-top: 0.5;
  opacity: 0.7;
}
  #video12 span:hover {
  color: #0000FF;
   cursor: pointer;
}
#video12 span:focus {
  color: blue;
</style>
 
<div id="video12">
<iframe width="560" height="300" src="https://youtu.be/embed/8-MKWP8JE1Q?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
  <div>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="36">Nested ViewModel to set the immediate properties </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="266">Presentation properties:</span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="516"> <em>Placing hints </em> </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="963">Visible expressions </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="1251"> &bull; Singlelinks with setter </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="1328"> &bull; Column for picklist </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="1846"> &bull; Column in action </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="1985"> &bull; Presentation Unit property </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="2096">Read-only expressions </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="2210"> &bull; Static Columns </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="2260"> &bull; Prototyper Styles </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="2650"> Tab order </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="2762"> <strong> ExpressionAnalyze Form: </strong> </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="2847">Diagram with used model elements</span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="3245"> Modal ViewModel </span>
   </div>
   </div>
</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 = 'http://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>
</html>
[[Category:MDriven Designer]]
[[Category:MDriven Designer Sessions]]
[[Category:Expressions]]
{{Edited|July|12|2024}}

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.

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

This page was edited 93 days ago on 02/10/2024. What links here
Retrieved from "https://wiki.mdriven.net/index.php?title=Documentation:MDriven_designer_overview_Part_4&oldid=16379"

© MDRIVEN . All Rights Reserved

Glossary API Docs
MDriven World | Portal | Blog | YouTube | StackOverflow | Facebook

© MDRIVEN . All Rights Reserved