web-dev-qa-db-fra.com

Comment forcer une fenêtre modale de Kendo UI à se centrer dans une page? et comment désactiver toutes les actions?

J'essaie d'afficher une fenêtre modale de Kendo UI au centre du navigateur, mais elle continue de s'afficher en bas de la page. Par cela, je veux dire que la seule partie visible de la fenêtre est la barre du haut, le reste de la page. la fenêtre est invisible, vous ne pouvez la voir correctement que si vous la faites glisser. Je n'ai pas de style appliqué à la div utilisée pour la fenêtre, je ne comprends donc pas pourquoi elle est affichée comme ça.

Aussi, je veux désactiver tout le bouton d'action sur la barre supérieure de la fenêtre, essayé de définir un tableau d'action vide mais un bouton de fermeture est affiché comme valeur par défaut, est-il possible d'afficher simplement le titre de la fenêtre en haut bar? Je veux que la fenêtre disparaisse quand un bouton dans celui-ci est cliqué.

Voici comment je crée la fenêtre:

var accessWindow = $("#accessDiv").kendoWindow({
    actions: [],
    draggable: true,
    height: "300px",
    modal: true,
    resizable: false,
    title: "Access",
    width: "500px"
});

accessWindow.center();
accessWindow.open();

Ceci est mon div avec seulement une étiquette, une entrée et un bouton, aucun CSS n’est appliqué à cela pour le moment:

<div id="accessDiv" style=" width: 100%; height: 100%; background-color: #fff;">
    <label>Enter access key</label>
    <input type="text" />
    <input type="button" title="Enter" value="Enter" />
</div>
jquerykendo-uimodal-dialog
32
Uriel Arvizu

Avez-vous essayé de le cacher, puis de le centrer et de l'ouvrir? 

var accessWindow = $("#accessDiv").kendoWindow({
 actions: {}, /*from Vlad's answer*/
 draggable: true,
 height: "300px",
 modal: true,
 resizable: false,
 title: "Access",
 width: "500px",
 visible: false /*don't show it yet*/
}).data("kendoWindow").center().open();

de: http://www.kendoui.com/forums/ui/window/kendowindow-center-doesn-t-work-when-inside-an-iframe.aspx

61
plinkplink

Les deux dernières lignes doivent se lire:

accessWindow.data("kendoWindow").center();
accessWindow.data("kendoWindow").open();
7
jfl

1.Vous devez échanger les deux dernières lignes de code. Tout d’abord, vous devez ouvrir la fenêtre pour pouvoir ensuite la centrer.

2.Pour afficher la fenêtre sans aucune action, vous devez passer un objet vide:

actions: {}
6
Vlad Omelyanchuk

Celui ci-dessous fonctionne pour moi. Si vous ne l'aimez pas en tant que modal, définissez-le sur false ou supprimez-le. 

 var window = $("#addBlacklistWind");

   $("#btnAddBlacklist").bind("click", function () {
            window.data("kendoWindow").center().open();
        });

        window.kendoWindow({
            width: "800px",
            title: "Add New Blacklist",
            modal: true,
            visible: false,
            actions: [
                "Maximize",
                "Close"
            ]
        });
0
sethu madhav