Matérialiser css - changer la position de la boîte de dialogue toast

Je suis se Matérialiser à l'aide de css (www.materializecss.com). Envie de changer de position de pain grillé boîte de dialogue. Dans les petits écrans, il est sur la bonne position. Pour le grand écran et la zone de mise en page, il va à droite de ma mise en page. (http://materializecss.com/dialogs.html)

Lorsque toast se déclencher, il ajoute "<div id="toast-container"></div>" dans le corps. Je ne veux pas ajouter dans le corps. Je le veux dans certains div.

source d'informationauteur Manish Rane

  1. 1

    Si vous souhaitez modifier la position de la boîte de dialogue, vous pouvez directement utiliser css pour le style. 

    #toast-container {
    position: fixed !important;
    bottom: 0px !important;
    left: 0px !important;
}

    Le"!important " est peut-être inutile.

  2. 0

    juste le jeter dans une relative div, il semble que la lib ne créera pas de l'ajouter dans le corps si elle existe déjà. 

    <div style="position: relative">
....
<div id="toast-container"></div>
</div>
  3. 0

    Pour définir toast position au centre du document, vous pouvez ajouter ce style:

    #toast-container {
    min-width: 10%;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(50%);
}