X-Cart forums - View Single Post

qualiteam · #4 01-25-2012, 02:57 AM

Try the following solution:

1. alter the "skin/common_files/(admin/single/provider)/home.tpl" templates and insert this code right after the <body> tag:

Code:

<!-- iPad fix -->
{literal}
<script type="text/javascript">
$(document).ready(function() {
    // trigger the function when clicking on an assigned element
    $("#horizontal-menu li").click(function () {
        var menuDiv = $(this).children("#horizontal-menu li div");
        if (menuDiv.is(":hidden")) {
            menuDiv.addClass("iPadJSDDMenu");
            menuDiv.slideDown("fast");
        } else {
            menuDiv.removeClass("iPadJSDDMenu");
            menuDiv.hide();
        }
    });
});
</script>
{/literal}

2. alter the "skin/common_files/css/skin1_admin.css" file and replace this code fragment:

Code:

.horizontal-menu-li-hover-div,
#horizontal-menu li:hover div
{
  display: block;
  position: absolute;
  left: -1px;
  top: 21px;
  background: #fff;
  border: 1px #aaa solid;
  border-top: 0 none;
  min-width: 170px;
}

with this one:

Code:

/*.horizontal-menu-li-hover-div,
#horizontal-menu li:hover div
{
  display: block;
  position: absolute;
  left: -1px;
  top: 21px;
  background: #fff;
  border: 1px #aaa solid;
  border-top: 0 none;
  min-width: 170px;
}*/

.iPadJSDDMenu
{
  display: block;
  position: absolute;
  left: -1px;
  top: 21px;
  background: #fff;
  border: 1px #aaa solid;
  border-top: 0 none;
  min-width: 170px;
}

Thats all, after the modification is complete admin menu will be using click JS events instead of DHTML hover.