Actualités développement .NET

Actualités DotNetNuke Pro et Communitaire et autres technologies mises en oeuvre par DevPCI.
20
12 minutes video description presentation and fix
Make your DNN Standard Desktop DDR Menu Touch Friendly for Mobile and Tablets



based on :
http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly

The js files to put in a js folder in your skin are in a zip link here

get sure you have the registration then add to you skins files (ascx):
<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %>

<dnn:DnnJsInclude ID="DTTG" runat="server" FilePath="js/doubletaptogo.js" PathNameAlias="SkinPath" />

check your website source to identify the lu li parent div id, set it if needed ex in the latest 720 beta Gravity Boostrap :

<div id="nav" class="nav-collapse collapse pull-right">
                        <dnn:MENU ID="bootstrapNav" MenuStyle="bootstrapNav" runat="server"></dnn:MENU>
</div><!-- END nav-collapse -->

insert at the end of ascx file the call for the id identified :

<script type="text/javascript">
     $(function () {
          $('#nav li:has(ul)').doubleTapToGo();
     });
</script>