Vous êtes ici Forums
  |  Connexion
 Forums
HomeHomeForums DNNForums DNNDéveloppementDéveloppementDNN6 : Problème avec les menu "Manage" et "overflow:hidden"DNN6 : Problème avec les menu "Manage" et "overflow:hidden"
Précédente
 
Suivante
Nouveau message
24/01/2012 17:01
 

Bonjour

Avec la version 6 de DNN et ses nouveaux menus "Manage" ("Gérer" en français") qui sont placé en position absolue sur chacun des modules des pages, vous avez peut-être pu rencontrer des incompatibilités avec des styles "overflow: hidden" positionnés sur des éléments parent.

En effet, dans ce cas, les menus qui s'ouvrent ce retrouvé "coupés" car ils n'arrivent pas a sortir des limites du conteneur portant ce style.

Pour résoudre le problème, il faut déplacé les menu dans le DOM. Voici un petit script qui, chez moi, arrange bien l'affaire :

var moveDNN6ActionMenu = function()
{
$(".DnnModule").each( function()
{
var parentPos = $(this).find("div:not(.dnnActionMenuBorder)").first().offset();
var left = parentPos.left + 10;
var top = parentPos.top + 10;
$(this)
.find(".dnnActionMenu")
.appendTo("#Form")
.offset({left: left,top: top})
.mouseenter(function()
{
$(this).find(".dnnActionMenuBody").css("top","0").css("margin","0").show();
$(".dnnActionMenuTag").hide();
});
});

$(".dnnActionMenuBody").mouseleave(function()
{
$(".dnnActionMenuBody").hide();
$(".dnnActionMenuTag").show();
});

$(".dnnActionMenuTag").css("opacity",1);
}


$(function(){moveDNN6ActionMenu();});



A+

 
Précédente
 
Suivante
HomeHomeForums DNNForums DNNDéveloppementDéveloppementDNN6 : Problème avec les menu "Manage" et "overflow:hidden"DNN6 : Problème avec les menu "Manage" et "overflow:hidden"