2010-04-07 3 views
0

J'essaie de définir la taille d'un dijit.Dialog, mais il semble limité à 600x400, peu importe la taille que je l'ai défini. J'ai copié le code de dojocampus et la boîte de dialogue apparaît, mais quand je définis la taille plus grande, elle ne montre que 600x400. En utilisant firebug et en sélectionnant des éléments dans la boîte de dialogue, je vois qu'ils sont plus grands que la boîte de dialogue, mais ne s'affichent pas correctement. Je l'ai mis en place pour faire défiler, mais le bas de la barre de défilement est hors de vue. Dans firebug, j'ai vérifié la taille maxSize de _Widget et elle est définie sur l'infini. Voici mon code pour définir le dialogue.Dijit.Dialog 1.4, la taille du paramètre est limitée à 600x400 peu importe la taille que je l'ai définie

<div id="sized" dojoType="dijit.Dialog" title="My scrolling dialog"> 
     <div style="width: 580px; height: 600px; overflow: scroll;"> 

Des suggestions pour agrandir la boîte de dialogue?

Répondre

2

J'ai juste codé un échantillon rapide à partir de rien en utilisant dojo 1.4 et j'ai pu définir une taille DBX arbitrairement grande sans problème.

Sans voir votre code, il peut être difficile de trouver d'où provient votre problème, mais cela ne semble pas être une limitation inhérente au toolkit dojo. Peut-être avez-vous des règles CSS héritées d'une manière que vous n'aviez pas anticipée? Vous pouvez peut-être utiliser mon exemple ci-dessous pour comparer avec votre cas d'utilisation et comprendre ce qui est différent de votre implémentation.

<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
     <title>test</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <script src="http://www.google.com/jsapi" type="text/javascript"></script> 
     <script type="text/javascript"> 
      djConfig = { 
        parseOnLoad: true 
       }; 
      google.load("dojo", "1.4"); 
      google.setOnLoadCallback(function(){ 
        dojo.require("dijit.Dialog"); 
        dojo.require("dijit.form.Button"); 
       }); 
     </script> 
     <style type="text/css"> 
       @import "http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/resources/dojo.css"; 
       @import "http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css"; 
     </style> 
    </head> 
    <body class="tundra"> 
     <button dojoType="dijit.form.Button" type="button">Show big Dialog 
      <script type="dojo/method" event="onClick" args="evt"> 
       dijit.byId("bigdbx").show(); 
      </script> 
     </button> 
     <div id="bigdbx" dojoType="dijit.Dialog" title="Big Dialog" width="900px"> 
      <p style="width: 1100px; height: 800px;">Paragraph with really wide fixed size...</p> 
     </div> 
    </body> 
</html> 
Questions connexes