2016-11-30 11 views
0

のスタイルを拾っていない私はnew jsfiddlejsfiddleは未知の理由

require([ 

existing jsfiddle

require([ 
"dojo/dom", 
"dijit/Dialog", 
"dijit/form/Button", 
"dijit/layout/BorderContainer", 
"dijit/layout/ContentPane", 
"dojo/domReady!" 
], function(dom, DijitDialog, Button, BorderContainer, ContentPane) { 

(new Button({ 
    label: 'Show dialog', 
    onClick: function() { 


     var layout = new BorderContainer({ 
      design: "headline", 
      style: "width: 400px; height: 400px; background-color: yellow;" 
     }); 

     var centerPane = new ContentPane({ 
      region: "center", 
      style: "background-color: green;", 
      content: "center"       
     }); 

     var actionPane = new ContentPane({ 
      region: "bottom", 
      style: "background-color: blue;" 
     }); 

     (new Button({ label: "OK"})).placeAt(actionPane.containerNode); 
     (new Button({ label: "Cancel"})).placeAt(actionPane.containerNode); 

     layout.addChild(centerPane); 
     layout.addChild(actionPane); 
     layout.startup(); 

     var dialog = new DijitDialog({ 
      title: 'dialog title', 
      style: { 
       //width: '400px', 
       //height: '400px', 
      }, 
      content: layout 
     }); 

     dialog.containerNode.style.backgroundColor = "red"; 
     dialog.startup(); 
     dialog.show(); 

    } 

})).placeAt(document.body); 

をコピーしようとしています。 。 。 })

新しいバージョンのdojoを使用しますが、同じコードを使用します。フレームワークの設定で使用しているdojoの適切なバージョンの外部リソース「claro.css」と、JavaScript設定の同じLOAD TYPEを追加しましたが、レンダリングされていないため、私のフィドルはスタイルが欠けています元のように:ダイアログボックスとBorderContainerには罫線、背景色、基本的にすべてのスタイルがありません。

これは、私が取り組んでいるアプリケーションのダイアログダイアログに同じことが起こっている(スタイルが適用されていない)ため、さらに重要です。

私のフィドルでは何が分かりませんか?

答えて

0

claro bodyタグがありません。 HTMLの設定アイコンをクリックし、これをbodyタグに追加します。 、おかげでそれをやった

<body class="claro"> 

enter image description here

+0

! – user2193215

+0

あなたの問題を解決した場合は、答えとして選択してください。 – Aslam

+0

答えとしてどのように選択するのですか?そうするためのリンクが表示されません。 – user2193215

関連する問題