Remplacement de l'icône Fermer d'une boîte de dialogue JQueryUI
Après d'interminables recherches sur ce sujet, je n'ai pas été en mesure de trouver une réponse, alors j'espère que quelqu'un peut m'aider avec ce problème. J'ai un relativement de base de la boîte de dialogue:
$("#dialog-search").dialog({
resizable: false,
height:dimensionData.height,
width: dimensionData.width,
modal: true,
title: dimensionData.title,
position: [x,y],
open: function() {
$("#dialog-search .dateField").blur();
},
close: function(event, ui){
callBack(event,ui);
}
});
Ce que je veux faire est de remplacer l'icône X (ui-icon-fermer) avec une icône différente fournie par l'interface utilisateur (ui-icon-moins), de sorte qu'en cliquant sur l'icône "moins" ferme la boîte de dialogue. J'ai vu des posts sur la façon de masquer l'icône ou la remplacer par une image personnalisée dans le css, mais je n'ai pas encore trouvé un moyen de remplacer l'icône avec une autre icône pour effectuer la même fonctionnalité.
Edit: je veux aussi être capable d'utiliser ui-icon-close pour une fonctionnalité différente dans ma boîte de dialogue ajout d'un comportement personnalisé/emplacement, mais qui peut être en dehors du champ d'application de cette question. Hésitez pas si c'est une solution liée à la, si.
source d'informationauteur Axle
Vous devez vous connecter pour publier un commentaire.
Essayer de voir la structure de la boîte de dialogue et il ne devrait pas être difficile de le faire.
http://jqueryui.com/demos/dialog/#theming
Utiliser le
create
événement pour modifier la classe du bouton fermer icône de classe d'une autre icône.http://jsfiddle.net/Quincy/kHU2M/1/
Vieille question, mais je vais peut-être aider quelqu'un. Suivant
CSS
fait, le truc, pour moi, totalement personnalisé,Close
bouton de l'INTERFACE utilisateur. Pas très élégant :), mais qui fonctionne bien pour moi.Mon custom fermer le bouton ci-dessous: