personnalisé placement de boutons dans la boîte de dialogue jquery ui
J'ai voulu déplacer les boutons ajouter à ma boîte de dialogue de haut ou de gauche, comment cela peut-il être fait, je suis en utilisant jquery ui. Lorsque ok est ajouté, il apparaît à l'extrême droite cela peut-il être placé ?
$(function() {
$("#dialog-message").dialog({
modal : true,
resizable : false,
buttons : {
ok:function() {
$(this).dialog("close");
}
}
});
});
OriginalL'auteur user1184100 | 2012-02-28
Vous devez vous connecter pour publier un commentaire.
De placer les boutons gauche/centre/droite aligné, désactiver le flottant et d'ajuster la
text-align
propriété en conséquence:DÉMO
C'est le balisage pour les boutons:
La css par défaut spécifie:
text-align: left;
pour l'élément.ui-dialog-buttonpane
float:right
pour l'élément.ui-dialog-buttonset
Vous êtes les bienvenus. Une fois que vous avez désactivé le flottant, vous pouvez faire ce que vous voulez avec des marges gauche/droite, etc.
j'ai changé le float:none et de mettre la gauche et la marge de valeur ne semble pas fonctionner .. permettez-moi de le mettre sur le violon
j'ai fondamentalement modifié .l'interface utilisateur boîte de dialogue .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; à droite: .4em;} .4 ou quelle que soit la valeur est donnée sa ne marche pas
Vous devez définir explicitement la position (relative ou absolue) si vous souhaitez utiliser la "gauche/droite/haut/bas":
.ui-dialog-buttonpane .ui-dialog-buttonset { float: none; position: relative; right: .4em;}
- exempleOriginalL'auteur Didier Ghys
Si la réponse ci-dessus est grande, elle s'applique à tous les boutons. L'exemple ci-dessous est une boîte de dialogue modale ce qui peut la position de chaque bouton séparément et peuvent de style individuelle.
Et puis dans le CSS,
Espère que cela aide.
OriginalL'auteur Kris
Vous pouvez changer de style de bouton de bouton de la balise.
Ce style est également de travailler avec de multiples boîte de dialogue.Bonne Chance.
OriginalL'auteur Jze
Si vous avez trois boutons et que vous voulez qu'ils sont bien réparties sur la ligne, essayez :
Attention, comme quelqu'un l'a dit avant, important est important
Profiter,
OriginalL'auteur edilecachan