MDriven designer overview Part 4
mNo edit summary |
mNo edit summary |
||
| Line 3: | Line 3: | ||
<p> | <p> | ||
<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 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> </p> | ||
<style type="text/css"> | <style type="text/css"> | ||
p { | p { | ||
| Line 10: | Line 10: | ||
width: 90% | width: 90% | ||
} | } | ||
<style type="text/css"> | |||
</ | p.warn { | ||
opacity: 0.7; | |||
text-align: justify; | |||
width: 90% | |||
} | |||
#video12 { | |||
position: relative; | |||
padding-bottom: 10px; | |||
} | |||
#video12::after { | |||
content: ""; | |||
display: table; | |||
clear: both; | |||
} | |||
#video12 iframe { | |||
width: 100%; | |||
min-width: 200px; | |||
max-width: 740px; | |||
height: 500px; | |||
float: left; | |||
} | |||
@media (max-width: 767px) { | |||
#video12 iframe { | |||
height: 180px; | |||
} | |||
} | |||
#video12 div { | |||
float: left; | |||
padding-left: 10px; | |||
overflow-y: auto; | |||
height: 500px; | |||
} | |||
span.time { | |||
display:block; | |||
padding: 2px 10px 2px 10px; | |||
padding-bottom: 0.5em; | |||
padding-top: 0.5em; | |||
opacity: 0.7; | |||
} | |||
span.time:hover { | |||
color: #0000FF; | |||
cursor: pointer; | |||
} | |||
span.time:focus { | |||
color: blue; | |||
} | |||
</style> | |||
<br> | <br> | ||
<div id="video12"> | <div id="video12"> | ||
<iframe width="740" height="500" src="https://www.youtube.com/embed/8-MKWP8JE1Q?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe> | <iframe width="740" height="500" src="https://www.youtube.com/embed/8-MKWP8JE1Q?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe> | ||
<div> | <div> | ||
<span data-video="8-MKWP8JE1Q" data-start="36" tabindex="0">Nested ViewModel to set the immediate properties </span> | <span class="time" 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 class="time" 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 class="time" 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 class="time" data-video="8-MKWP8JE1Q" data-start="963" tabindex="0">Visible expressions </span> | ||
<span data-video="8-MKWP8JE1Q" data-start="1251" tabindex="0"> • Singlelinks with setter </span> | <span class="time" data-video="8-MKWP8JE1Q" data-start="1251" tabindex="0"> • Singlelinks with setter </span> | ||
<span data-video="8-MKWP8JE1Q" data-start="1328" tabindex="0"> • Column for picklist </span> | <span class="time" data-video="8-MKWP8JE1Q" data-start="1328" tabindex="0"> • Column for picklist </span> | ||
<span data-video="8-MKWP8JE1Q" data-start="1846" tabindex="0"> • Column in action </span> | <span class="time" data-video="8-MKWP8JE1Q" data-start="1846" tabindex="0"> • Column in action </span> | ||
<span data-video="8-MKWP8JE1Q" data-start="1985" tabindex="0"> • Presentation Unit property </span> | <span class="time" data-video="8-MKWP8JE1Q" data-start="1985" tabindex="0"> • Presentation Unit property </span> | ||
<span data-video="8-MKWP8JE1Q" data-start="2096" tabindex="0">Read-only expressions </span> | <span class="time" data-video="8-MKWP8JE1Q" data-start="2096" tabindex="0">Read-only expressions </span> | ||
<span data-video="8-MKWP8JE1Q" data-start="2210" tabindex="0"> • Static Columns </span> | <span class="time" data-video="8-MKWP8JE1Q" data-start="2210" tabindex="0"> • Static Columns </span> | ||
<span data-video="8-MKWP8JE1Q" data-start="2260" tabindex="0"> • Prototyper Styles </span> | <span class="time" data-video="8-MKWP8JE1Q" data-start="2260" tabindex="0"> • Prototyper Styles </span> | ||
<span data-video="8-MKWP8JE1Q" data-start="2650" tabindex="0"> Tab order </span> | <span class="time" 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 class="time" 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 class="time" 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> | <span class="time" data-video="8-MKWP8JE1Q" data-start="3245" tabindex="0"> Modal ViewModel </span> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 10:40, 15 October 2017
Setting the presentation properties in the View Model, introducing Modal View Model action.
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.
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