Hans Karlsen (talk | contribs) No edit summary |
(Automatically adding template at the end of the page.) |
||
(15 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
<html> | |||
This video describes how to do a treeview and a flot.js diagram in a Turnkey site. | |||
<p class="video-warn"> | |||
<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> | |||
</p> | |||
<br> | |||
<div class="video"> | |||
<div class="video__wrapper"> | |||
<iframe src="https://www.youtube.com/embed/OIJGGU9VF2I?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe> | |||
</div> | |||
<div class="video__navigation"> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="15" tabindex="0"> Example Treeview </span> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="273" tabindex="0"> Grids as a data repository</span> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="362" tabindex="0"> Implement TreeView with the ViewModel (building the data structure) </span> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="435" tabindex="0"> Content Override </span> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="554" tabindex="0"> .cshtml directives and how to match up the pattern</span> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="739" tabindex="0"> tkTreeView typescript file to install the directives</span> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="1020" tabindex="0"> ecomdl VS modlr </span> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="1115" tabindex="0"> Saving locally </span> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="1191" tabindex="0"> | |||
<modelname>_AssetsTK folder to update</span> | |||
<span class="navigation-item" data-video="OIJGGU9VF2I" data-start="1245" tabindex="0"> AppWideAngularScriptsIncludes.cshtml </span> | |||
It is the _AssetsTK folder that holds the | </div> | ||
</div> | |||
</html> | |||
The files to achieve this are both javascript and CSS. They must be placed in the correct locations so that the assumptions done in the tree and flot are correct. | |||
The complete sample model - in this case, saved as a 7z file of the ecomdl file and subfiles - is found here. Also, note the folder ending in _AssetsTK; whenever the cloud upload executes, it will try to find such a folder <code><yourModelName>_AssetsTK</code>. It will include this in the upload to the TurnkeyServer and there, it will be expanded. | |||
It is the _AssetsTK folder that holds the javascript and CSS that does the magic in this case. | |||
[[File:AussiWork.7z|left|thumb|The 7z file]] | [[File:AussiWork.7z|left|thumb|The 7z file]] | ||
[[Category:MDriven Turnkey]] | |||
[[Category:MDriven Turnkey Sessions]] | |||
[[Category:View Model]] | |||
[[Category:Content Override]] | |||
[[Category:AngularJS]] | |||
{{Edited|July|12|2024}} |
Latest revision as of 15:49, 10 February 2024
This video describes how to do a treeview and a flot.js diagram in a Turnkey site.
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.
The files to achieve this are both javascript and CSS. They must be placed in the correct locations so that the assumptions done in the tree and flot are correct.
The complete sample model - in this case, saved as a 7z file of the ecomdl file and subfiles - is found here. Also, note the folder ending in _AssetsTK; whenever the cloud upload executes, it will try to find such a folder <yourModelName>_AssetsTK
. It will include this in the upload to the TurnkeyServer and there, it will be expanded.
It is the _AssetsTK folder that holds the javascript and CSS that does the magic in this case. File:AussiWork.7z