MDriven designer overview Part 4
    mNo edit summary
    (Updated Edited template to July 12, 2025.)
     
    (16 intermediate revisions by 3 users not shown)
    Line 1: Line 1:
    <message>Write the content here to display this box</message>
    <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 {
    opacity: 0.7;
    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>
      height: 500px;
    </div>
      width:560px;
    <div class="video__navigation">
      padding-bottom: 10px;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="41" tabindex="0"> Nested ViewModel to set the immediate properties </span>
    }
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="271" tabindex="0"> Presentation properties:</span>
    #video12 iframe {
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="521" tabindex="0">
      position: absolute;
    Placing hints
      min-height: auto;
        </span>
      min-width: auto;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="968" tabindex="0"> Visible expressions </span>
    }
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1256" tabindex="0"> &bull; Singlelinks with setter </span>
    #video12 div {
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1333" tabindex="0"> &bull; Column for picklist </span>
      position: absolute;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1951" tabindex="0"> &bull; Column in action </span>
      top: 0;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="1990" tabindex="0"> &bull; Presentation Unit property </span>
      left:760px;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2101" tabindex="0"> Read-only expressions </span>
      width: 260px;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2215" tabindex="0"> &bull; Static Columns </span>
      height: 100%;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2265" tabindex="0"> &bull; Prototyper Styles </span>
      padding-left: 10px;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2655" tabindex="0"> Tab order </span>
      overflow-y: auto;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2767" tabindex="0">
    }
          <strong> ExpressionAnalyze Form: </strong>
    span {
        </span>
        font-size: 18;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="2767" tabindex="0">Diagram with used model elements</span>
        display:block;
         <span class="navigation-item" data-video="jThQodoFy2Y" data-start="3251" tabindex="0"> Modal ViewModel </span>
      padding: 2px 10px 2px 10px;
        padding-bottom: 0.5;
        padding-top: 0.5;
      opacity: 0.7;
    }
    span:hover {
      color: #0000FF;
      cursor: pointer;
    }
    span:focus {
       color: blue;
    </style>
    </br>
    <div id="video12">
    <iframe width="740" height="500" src="https://www.youtube.com/embed/8-MKWP8JE1Q?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
      <div>
         <span data-video="8-MKWP8JE1Q" data-start="36" tabindex="0">Nested ViewModel to set the immediate properties </span>
         <span data-video="8-MKWP8JE1Q" data-start="266" tabindex="0">Presentation properties:</span>
         <span data-video="8-MKWP8JE1Q" data-start="516" tabindex="0"> <em>Placing hints </em> </span>
         <span data-video="8-MKWP8JE1Q" data-start="963" tabindex="0">Visible expressions </span>
         <span data-video="8-MKWP8JE1Q" data-start="1251" tabindex="0"> &bull; Singlelinks with setter </span>
         <span data-video="8-MKWP8JE1Q" data-start="1328" tabindex="0"> &bull; Column for picklist </span>
         <span data-video="8-MKWP8JE1Q" data-start="1846" tabindex="0"> &bull; Column in action </span>
         <span data-video="8-MKWP8JE1Q" data-start="1985" tabindex="0"> &bull; Presentation Unit property </span>
         <span data-video="8-MKWP8JE1Q" data-start="2096" tabindex="0">Read-only expressions </span>
         <span data-video="8-MKWP8JE1Q" data-start="2210" tabindex="0"> &bull; Static Columns </span>
         <span data-video="8-MKWP8JE1Q" data-start="2260" tabindex="0"> &bull; Prototyper Styles </span>
         <span data-video="8-MKWP8JE1Q" data-start="2650" tabindex="0"> Tab order </span>
         <span data-video="8-MKWP8JE1Q" data-start="2762" tabindex="0"> <strong> ExpressionAnalyze Form: </strong> </span>
         <span data-video="8-MKWP8JE1Q" data-start="2847" tabindex="0">Diagram with used model elements</span>
         <span data-video="8-MKWP8JE1Q" data-start="3245" 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 = '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>
    </html>
    [[Category:MDriven Designer]]
    [[Category:MDriven Designer Sessions]]
    [[Category:Expressions]]
    {{Edited|July|12|2025}}

    Latest revision as of 05:52, 20 January 2025

    This page was created by Alexandra on 2016-12-08. Last edited by Edgar on 2025-01-20.

    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

    Retrieved from "https://learn.mdriven.net/index.php?title=Documentation:MDriven_designer_overview_Part_4&oldid=25108"

    © MDRIVEN . All Rights Reserved

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

    © MDRIVEN . All Rights Reserved