Turnkey session 9: View Override
No edit summary
No edit summary
Line 3: Line 3:
  @model AngularModel
  @model AngularModel
  @{ Layout = null; }
  @{ Layout = null; }
 
 
<nowiki><h3>{{root._ViewModelPresentation}}</h3>
</nowiki>
<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-->
        <!--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")
 


<html>
<html>
Line 70: Line 94:
     <span data-video="zQxkt2KBM3Q" data-start="426" tabindex="0"> HTML adding scripts </span>   
     <span data-video="zQxkt2KBM3Q" data-start="426" tabindex="0"> HTML adding scripts </span>   
     <span data-video="zQxkt2KBM3Q" data-start="426" tabindex="0"> VClientLatitude and vClientLongitude variables </span>   
     <span data-video="zQxkt2KBM3Q" data-start="426" tabindex="0"> VClientLatitude and vClientLongitude variables </span>   
     <span data-video="zQxkt2KBM3Q" data-start="524" tabindex="0"> Mobile Device UI</span>  
     <span data-video="zQxkt2KBM3Q" data-start="524" tabindex="0"> Mobile Device UI</span>    
 


</div>   
</div>   
</div>
</div>
</div>



Revision as of 19:24, 22 January 2017

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; }

<h3>{{root._ViewModelPresentation}}</h3> <form >

<img src='~/Content/ajax-loader.gif' />
               @Html.AngualarUIActions(Model)
@Html.AngualarUI(Model)
@Html.DisplayErrorsWarningsInfos(Model)@*Error,Warning,Info constraints*@

</form> @Html.Partial("_DeveloperInfoPartial")


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 page was edited 93 days ago on 02/10/2024. What links here