Part 10 MDriven Designer Overview. Actions and navigation
    No edit summary
    (Updated Edited template to July 12, 2025.)
     
    (22 intermediate revisions by 4 users not shown)
    Line 1: Line 1:
    <message>Write the content here to display this box</message>
    <html>
    <html>
    <h4>In depth overview on how to navigate between views with actions. How root object expression work.</h4>
    <h4>This is an in-depth overview of how to navigate between views with actions and how root object expressions work. You will find this
      pattern recurring over and over while trying to solve real business problems. You will get access to the data as we
      show the objects and navigate into various views for more detailed information. These skills help you develop an efficient
      model infrastructure once it grows.</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
    <style type="text/css">
        video. Now you can pick any topic to be instructed on without watching the whole video.</em>
    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/fiuwP-KTmls?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="fiuwP-KTmls" data-start="111" tabindex="0">Actions </span>
    }
          <span class="navigation-item" data-video="fiuwP-KTmls" data-start="125" tabindex="0"> &bull; Global actions</span>
    #video12 iframe {
          <span class="navigation-item" data-video="fiuwP-KTmls" data-start="633" tabindex="0"> &bull; ViewModel Action </span>
      position: absolute;
          <span class="navigation-item" data-video="fiuwP-KTmls" data-start="775" tabindex="0"> &bull; Class actions </span>
      min-height: auto;
         <span class="navigation-item" data-video="fiuwP-KTmls" data-start="179" tabindex="0"> ViewModel Root Object </span>
      min-width: auto;
         <span class="navigation-item" data-video="fiuwP-KTmls" data-start="367" tabindex="0"> Create Repository Researcher </span>
    }
         <span class="navigation-item" data-video="fiuwP-KTmls" data-start="605" tabindex="0"> Action Definitions </span>
    #video12 div {
         <span class="navigation-item" data-video="fiuwP-KTmls" data-start="650" tabindex="0"> Execute Expression </span>
      position: absolute;
         <span class="navigation-item" data-video="fiuwP-KTmls" data-start="715" tabindex="0"> Change the root of the View </span>
      top: 0;
         <span class="navigation-item" data-video="fiuwP-KTmls" data-start="1010" tabindex="0"> "VM does not require a root object" </span>
      left:760px;
         <span class="navigation-item" data-video="fiuwP-KTmls" data-start="1131 " tabindex="0"> Execute expression OnShow </span>
      width: 260px;
          <span class="navigation-item" data-video="fiuwP-KTmls" data-start="1173" tabindex="0"> vSender variable </span>
      height: 100%;
      padding-left: 10px;
      overflow-y: auto;
    }
    span {
        font-size: 18;
        display:block;
      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>
     
    <div id="video12">
    <iframe width="740" height="500" src="https://www.youtube.com/embed/-kJdpTsCadw?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
       <div>
         <span data-video="-kJdpTsCadw" data-start="106" tabindex="0">Actions </span>
        <ul> <span data-video="-kJdpTsCadw" data-start="120" tabindex="0"> bull$; global actions</span>
        <span data-video="-kJdpTsCadw" data-start="628" tabindex="0"> ViewModel Action </span>
        <span data-video="-kJdpTsCadw" data-start="770" tabindex="0"> class actions </span> </ul>
         <span data-video="-kJdpTsCadw" data-start="174" tabindex="0"> ViewModel Root Object </span>
         <span data-video="-kJdpTsCadw" data-start="362" tabindex="0"> Create Repository Researcher </span>
         <span data-video="-kJdpTsCadw" data-start="600" tabindex="0"> Action Definitions </span>
         <span data-video="-kJdpTsCadw" data-start="645" tabindex="0"> Execute Expression </span>
         <span data-video="-kJdpTsCadw" data-start="710" tabindex="0">Change the root of the View </span>
         <span data-video="-kJdpTsCadw" data-start="1005" tabindex="0"> Root objects requirements </span>
         <span data-video="-kJdpTsCadw" data-start="1126 " tabindex="0"> Execute expression OnShow </span>
        <ul> <span data-video="-kJdpTsCadw" data-start="1168" tabindex="0"> vSender variable </span> </ul>
       </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:View Model]]
    [[Category:Navigation]]
    [[Category:Expressions]]
    [[Category:Actions]]
    {{Edited|July|12|2025}}

    Latest revision as of 06:00, 20 January 2025

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

    This is an in-depth overview of how to navigate between views with actions and how root object expressions work. You will find this pattern recurring over and over while trying to solve real business problems. You will get access to the data as we show the objects and navigate into various views for more detailed information. These skills help you develop an efficient model infrastructure once it grows.

    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.

    Actions • Global actions • ViewModel Action • Class actions ViewModel Root Object Create Repository Researcher Action Definitions Execute Expression Change the root of the View "VM does not require a root object" Execute expression OnShow vSender variable

    Retrieved from "https://wiki.mdriven.net/index.php?title=Documentation:Part_10_MDriven_Designer_Overview._Actions_and_navigation&oldid=25372"

    © MDRIVEN . All Rights Reserved

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

    © MDRIVEN . All Rights Reserved