With the default settings, Menu Minpanels are

a) misaligned (the arrow does not point to the menu item the Minipanel is connected to), and
b) positioned outside the Drupal web page.

This applies to a (blank) Adaptivetheme subtheme with 100% fluid width.

Comments

asb’s picture

Menu minipanel default settings for reference (since there seems to be no way to reset these settings):

Hover position configuration:

Target Type: Element
Target Custom: (empty)
Position type: Absolute
Target: Top Left /* Arrow point anywhere in the menu, but not at the hovered menu item */
Tooltip: Top Right /* Changing to "Right Bottom" makes the Menu Minipanel float on top out of the browser */

Show effect configuration:

Delay: 0
Show Event: Mouse Over
Effect Type: Slide
Length: 0

Hide effect configuration:

Statisch: Wahr
Effect Type: Slide
Length: 0

Style configuration:

Style name: Light
Style / Width / Min width: 0
Style / Width / Max width: 250 /* Change this to "500", and ~50% of the  Minipanel floats left out of the web browser */
Style / Border / Width: 3
Style / Border / Color: #d3d3d3
Style / Border / Radius: 0
Tip style: Top Left

I consider this a bug because - imho - the default setting always should be sane defaults.

After clicking through all available settings, I wasn't able within the past two hours to create one single completely visible Menu Menupanel - that's why we either need working default settings a reset function (or Menu Minipanels might be incompatible to Adaptivetheme as well).

asb’s picture

Also I'd like to add that it is pretty impossible to reach the menu minipanel with the mouse when moving diagonally because the minipanel dissappears as soon the mouse cursor leaves the menu item.

damienmckenna’s picture

I changed these defaults for the D7 branch:

  • Target: Bottom Left
  • Tooltip: Top Left

Please test these values, we may change the D6 defaults to match.

asb’s picture

I'm currently using:

  • Target: Right Bottom
  • Tooltip: Top Left

However, the Arrows are place a bit counter-intuitive with thiese settings, but the Panels show up in full.

damienmckenna’s picture

Personally I disable the arrows as I find them ugly for this use case, while I'm sure they're just fine for "normal" tooltips ;-) The position of the arrow is controlled via the "Tip Style" selector (this was renamed to "Arrow location" for D7).

vandam-me’s picture

hello, thank you for a great module! but I noticed a bug on configuration:
Tooltip: Top Right /* to the menu was left when the right edge of the screen */

javascript does not calculate the distance to the left

div style="border-radius: 0px 0px 0px 0px; position: absolute; display: none; width: 250px; top: 41px; left: 81850px;" class="qtip qtip-light" qtip="2">

818px is the correct value, but how substituting number 50, which interferes with, so why is the menu sticks to the left edge of the screen, as if the left: 0;

where can I fix it? menu_minipanels version 1.4

jonraedeke’s picture

I had the same issue in Safari and Chrome. ("left: 82430px;") I got the desired result by changing the config from:

Target:Bottom right, Tooltip:Top right
to
Target:Right bottom, Tooltip: Right top