MDriven designer overview Part 4
(Created page with "<html> <h4>Setting the presentation properties in the View Model, introducing Modal View Model action.</h4> <style> #video12 { position: relative; padding-bottom: 75%; }...")
 
(Automatically adding template at the end of the page.)
 
(23 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>


<style>
<p class="video-warn">
#video12 {
   <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>
  position: relative;
</p>
  padding-bottom: 75%;
}
#video12 iframe {
  position: absolute;
  width: calc(100% - 300px);
  height: calc(100% - 300px);
}
#video12 div {
  position: absolute;
  top: 0;
   right: 0;
  width: 270px;
  height: 60%;
  padding: 10px;
  overflow-y: auto;
}
#video12 span {
    font-size: 18;
    display:block;
  padding: 10px;
    padding-bottom: 0.5;
    padding-top: 0.5;
  opacity: 0.7;
}
  #video12 span:hover {
  color: #0000FF;
  cursor: pointer;
}
#video12 span:focus {
  color: blue;
</style>


<div id="video12">
<div class="video">
<iframe width="560" height="300" src="https://youtu.be/embed/8-MKWP8JE1Q" 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" tabindex="0" data-start="36">Nested ViewModel to set the immediate properties </span>
</div>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="266">Presentation properties:</span>
<div class="video__navigation">
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="516"> <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" tabindex="0" data-start="963">Visible expressions </span>
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="271" tabindex="0"> Presentation properties:</span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="1251"> &bull; Singlelinks with setter </span>
     <span class="navigation-item" data-video="jThQodoFy2Y" data-start="521" tabindex="0">
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="1328"> &bull; Column for picklist </span>
Placing hints
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="1846"> &bull; Column in action </span>
    </span>
     <span data-video="8-MKWP8JE1Q" tabindex="0" data-start="1985"> &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" tabindex="0" data-start="2096">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" tabindex="0" data-start="2210"> &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" tabindex="0" data-start="2260"> &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" tabindex="0" data-start="2650"> 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" tabindex="0" data-start="2762"> <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" tabindex="0" data-start="2847">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" tabindex="0" data-start="3245"> 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>
</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 94 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