Ajouter une image (alerte) à la boîte de dialogue DOJO

Question

<div dojoType="dijit.Dialog" id="errorDialog" title="An error occured" style="display: none"> 
<p id="errorMessage">An unexpected error occurred</p> 
<button dojoType="dijit.form.Button" type="submit" onClick="hideErrorDialog();"> 
OK 
</button> 

Puis-je ajouter une image à une boîte de dialogue Dojo? à faire apparaître comme une boîte d'alerte ou quelque chose? Ci-dessus est mon code actuel?

Quelque chose comme

Answer 1

Vous aurez besoin d'un style CSS appelé 'alertIcon', quelque chose comme:

.alertIcon { 
    width:32px; 
    height:32px; 
    background-repeat:no-repeat; 
    background: url("path/to/alert/icon/alertIcon.png"); 
} 

et est du HTML modifié ici:

<div dojoType="dijit.Dialog" id="errorDialog" title="An error occured" style="display: none"> 
<div> 
<span class="dijitInline alertIcon"></span> 
<span id="errorMessage" class="dijitInline">An unexpected error occurred</span> 
</div> 
<button dojoType="dijit.form.Button" type="submit" onClick="hideErrorDialog();"> 
OK 
</button> 

Answer 2

Oui, il est possible. dijit.Dialog peut avoir n'importe quel contenu, aussi d'autres Widgets dijit. Quelques exemples dijit.Dialog pour la version 1.6.1 actuelle:

http://download.dojotoolkit.org/release-1.6.1/dojo-release-1.6.1/dijit/tests/test_Dialog.html