Part 10 MDriven Designer Overview. Actions and navigation
mNo edit summary
(Automatically adding template at the end of the page.)
 
(11 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<html>
<html>
<h4>In depth overview on how to navigate between views with actions and how root object expression works. You will find this pattern recurring over and over, while trying to solve real business problems. You will get the access to the data as we show the objects and navigate into various views for more detailed information. This skills help you develop efficient model infrastracture once it grows.</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>
</br>
<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"> &bull; ViewModel Action </span>
    <span data-video="-kJdpTsCadw" data-start="770" tabindex="0"> &bull; 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"> "VM does not require a root object" </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 = '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:View Model]]
[[Category:Navigation]]
[[Category:Expressions]]
[[Category:Actions]]
{{Edited|July|12|2024}}

Latest revision as of 15:44, 10 February 2024

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

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

© MDRIVEN . All Rights Reserved

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

© MDRIVEN . All Rights Reserved