Question

我正在尝试将不同的主题应用于我在不同页面上显示的面板。我并不习惯使用css和javascript，所以一些帮助将不胜感激。

      <div id="rules" data-dojo-type="dojox.mobile.View">
        <h1 data-dojo-type="dojox.mobile.Heading" 
           data-dojo-props="back:'DASHBOARD',moveTo:'general'" class="style1">
                         REALTIME-COUNTS
        </h1>
        <center>
           <div dojoType="dojox.mobile.RoundRect" style="width: 1200px; 
                      height: 400px;" shadow="true">
           <h4>TOTAL DAILY RESULTS</h4>
           <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="splitter:false">
           <div id="chartdiv" style="width: 70%; height:342px;"></div>  
           </div>
           </div>
       </center>

现在我已将一个theme.css文件添加到项目中，但不知道如何执行此操作。我想申请上面名为'rules'的面板/视图。这可能还是我离开这里？

Answer 1

你的theme.css文件是什么样的？如果您只是尝试将样式应用于＆＃34;规则＆＃34;面板，而不是任何其他面板，那么你可以做这样的事情：

#rules {
  width: 100%;
}

但是如果你试图在其他地方重用这个CSS，那么只需在你的div中添加一个类（带有id规则），如下所示：

<div id="rules" class="mobileView" data-dojo-type="dojox.mobile.View">

然后添加如下的css规则：

.mobileView {
  width: 100%;
}

不确定这是否是您正在寻找的内容，但如果您将某些内容放入JSFiddle，我可能会帮助您更好。

在dojo Web应用程序中使用extjs为面板应用不同的主题

1 个答案: