CSS rules aren't getting applied

166
2
Jump to solution
12-11-2017 01:49 PM
KenBuja
MVP Honored Contributor

I'm building a Settings dialog, using the Screening Settings dialog as a guide. However, some of the CSS rules for the dijits are not getting applied in my version. Here's an example of a NumberTextBox and the css rules getting applied to it from the Screening Settings. 

<div class="esriCTMaxFeatureInputDiv">
  <div class="esriCTMaxFeatureInputParentContainer">
    <div class="esriCTMaxFeatureTextBox" data-dojo-type="dijit/form/NumberTextBox" data-dojo-attach-point="maxFeatureCountTextBox"
      trim="true" required="true">
    </div>
  </div>
  <div class="esriCTMaxFeatureHint esriCTHint">
    ${nls.analysisTab.maxFeatureForAnalysisHintText}
  </div>
</div>

I copied the css file over to my widget, making the modification for the different baseClass name. The TextBoxes I'm adding don't get the claro and dijitTextBox rules applied, even though I'm using the same classes in the html file.

<div class="esriCTMaxFeatureInputDiv">
  <div class="esriCTMaxFeatureInputParentContainer">
    <div class="esriCTTextBox" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="ownerName"
      trim="true" required="true">
      Owner Name
    </div>
  </div>
</div>

What am I missing in the html and/or the css files?

Tags (2)
0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Ken,

 do you have your _WidgetsInTemplateMixin in the define and the declare array?

View solution in original post

0 Kudos
2 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Ken,

 do you have your _WidgetsInTemplateMixin in the define and the declare array?

0 Kudos
KenBuja
MVP Honored Contributor

Just after posting this, I looked a little harder at the Screening widget and added that declaration. That fixed it.

0 Kudos