Turnkey session 9: View Override
mNo edit summary |
No edit summary |
||
Line 84: | Line 84: | ||
</html> | </html> | ||
This is the original generic view we use – use this as a starting point when stirring things up: | <p> This is the original generic view we use – use this as a starting point when stirring things up:</p> | ||
</p> @using Eco.MVC | |||
@model AngularModel | @model AngularModel | ||
@{ Layout = null; } | @{ Layout = null; } | ||
<no-wiki> | <no-wiki> | ||
<h3>{{root._ViewModelPresentation}}</h3><form ><!--The only reason for having a form is the ability to simulate a | <h3>{{root._ViewModelPresentation}}</h3> | ||
postback so that validation is triggered and the error bubbles may show--> | <form ><!--The only reason for having a form is the ability to simulate a | ||
postback so that validation is triggered and the error bubbles may show--> | |||
</div><div class="col-md-10" style="padding:10px;border-left: lightgray thin solid ;">@Html.AngualarUI(Model)</div></div><div class="row"><div class="col-md-offset-2 col-md-10">@Html.DisplayErrorsWarningsInfos(Model)@*Error,Warning,Info constraints*@</div></div></div></form> @Html.Partial("_DeveloperInfoPartial") | <!--Body content--><div id="floatingRectangle" ng-show="root._Admin.Loading()"> | ||
<img src='~/Content/ajax-loader.gif' /> | |||
</div> | |||
<div class="container-fluid"> | |||
<div class="row"> | |||
<div class="col-md-2" style="vertical-align:top;"> | |||
@Html.AngualarUIActions(Model) | |||
</div> | |||
<div class="col-md-10" style="padding:10px;border-left: lightgray thin solid ;"> | |||
@Html.AngualarUI(Model)</div></div><div class="row"> | |||
<div class="col-md-offset-2 col-md-10">@Html.DisplayErrorsWarningsInfos(Model) | |||
@*Error,Warning,Info constraints*@ | |||
</div> | |||
</div> | |||
</div> | |||
</form> | |||
@Html.Partial("_DeveloperInfoPartial") | |||
</p> | |||
</no-wiki> | </no-wiki> | ||
</html> |
Revision as of 22:13, 28 January 2017
Since MDriven Turnkey is like any other html javascript application there are no limits on what you can use the data for. You should think of MDriven Turnkey as a tool that does the heavy lifting for you – it will free up your time to work with creative things like modeling at one end of the spectrum and special UI design at the other end. The ambition of MDriven Turnkey is to swallow everything in between and thus removing the need for slow and low quality out-sourcing schemes. In Session 9 I show how to replace the auto generated UI with html of your own. I show how to include a google map and how to pick up the location of the device using your application.
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.
Create View Override
view Override HTML
Fine Tuning
Adding an input control
Style
Boxes or combo boxes
Tables
removing the information
complex action: location
HTML adding scripts
VClientLatitude and vClientLongitude variables
Mobile Device UI
This is the original generic view we use – use this as a starting point when stirring things up:
@using Eco.MVC
@model AngularModel @{ Layout = null; } <no-wiki>
Template:Root. ViewModelPresentation
<form >
<img src='~/Content/ajax-loader.gif' />
@Html.AngualarUIActions(Model)
@Html.AngualarUI(Model)
@Html.DisplayErrorsWarningsInfos(Model)
@*Error,Warning,Info constraints*@
</form> @Html.Partial("_DeveloperInfoPartial")
</no-wiki> </html>
This page was edited more than 11 months ago on 02/10/2024. What links here