visual studio - Integrating WinJS with a ASP.NET MVC6 -
i'm trying integrate winjs asp.net mvc6 application created recent visual studio 2015 , display tooltip link. not work.
the output should like:
here how different parts of app like:
bower.json:
{ "name": "asp.net", "private": true, "dependencies": { "bootstrap": "3.0.0", "bootstrap-touch-carousel": "0.8.0", "hammer.js": "2.0.4", "jquery": "2.1.4", "jquery-validation": "1.11.1", "jquery-validation-unobtrusive": "3.2.2", "winjs": "4.1.0" } }
there no change in gulpfile.js.
added these _layout.cshtml:
<link rel="stylesheet" href="~/lib/winjs/css/ui-light.css" /> <script src="~/lib/winjs/js/base.js"></script> <script src="~/lib/winjs/js/ui.js"></script>
my html code is:
<div class="row"> <div data-win-control="winjs.ui.tooltip" data-win-options="{innerhtml: 'microsoft corporation<br><span class=\'win-text-domain\'>www.microsoft.com</span>'}" style="margin-top: 20px;margin-bottom:30px"> <span class="win-link">microsoft</span> </div> </div>
wwwroot\js\site.js has
// write javascript code. winjs.ui.processall();
i added following code in site.js.
(function () { winjs.ui.processall(); })();
then included site.js part of development environment.
<environment names="development"> <script src="~/lib/jquery/dist/jquery.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> <script src="~/lib/hammer.js/hammer.js"></script> <script src="~/lib/bootstrap-touch-carousel/dist/js/bootstrap-touch-carousel.js"></script> <script src="~/lib/winjs/js/base.js"></script> <script src="~/lib/winjs/js/ui.js"></script> <script src="~/js/site.js" asp-file-version="true"></script> </environment>
Comments
Post a Comment