AnsweredAssumed Answered

CSS rules aren't getting applied

Question asked by kenbuja on Dec 11, 2017
Latest reply on Dec 11, 2017 by kenbuja

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?

Attachments

Outcomes