Admin Menus

Freakmode · #1 01-28-2011, 09:37 AM

Is there anyway to edit the Admin top menu so it no longer uses the dopdown choices so you an use admin from an iPad?

Tried a couple of iPad browsers and seem to get the same problem but the home button does work due to no other menu option.

~Thanks

HandG · #2 08-22-2011, 01:44 PM

I am also having this problem. I would appreciate some help.

Can we make the menu buttons to show after a mouse click instead of a mouse rollover? I feel like this would solve the problem.

Everything else works perfectly fine on the ipad, except the horizontal menu buttons in the admin area.

zebu · #3 01-22-2012, 01:32 AM

Same issue ....I often check my site while travelling. Is their a fix for this.?

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.

PoC2 · #5 01-25-2012, 03:23 AM

This modification works brilliantly.

Thank you.

cherie · #6 01-25-2012, 01:35 PM

I can use other hover drop-down menus on iPad. Maybe this should be considered a bug and fixed in a future version?

cflsystems · #7 01-25-2012, 09:54 PM

I have CSS-only based menu which works without any problems on iPad/iPhone so yes maybe XC default admin menu is just "broken"

qualiteam · #8 01-25-2012, 10:19 PM

X-Cart default menu is based on CSS "hover" effect.

This is the style that is used by default:
---
.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;
}
---

I do not see any problems with it.

As far as I know, on certain iPhones and iPads 'hover' does not work, in contrast to JS "onclick", that works fine on these devices.

lissi · #9 08-04-2012, 07:38 PM

Quote:

Originally Posted by qualiteam

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:

I only have a home.tpl file in the /single/ folder. There is no home.tpl in the /admin/ or /provider/ folder.

I tried the fix with adding it only to the home.tpl in the single folder and it didn't work. Help?

qualiteam · #10 08-07-2012, 12:39 AM

It depends on the X-Cart version you use PRO or GOLD.
In case of Gold only */single/* folder is there.

Try clearing the templates cache (clenup.php script).

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search