CSS rules aren't getting applied

KenBuja — Sun, 12 Dec 2021 08:43:30 GMT

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?

Re: CSS rules aren't getting applied

RobertScheitlin__GISP — Mon, 11 Dec 2017 21:55:01 GMT

Ken,

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

Re: CSS rules aren't getting applied

KenBuja — Mon, 11 Dec 2017 22:01:38 GMT

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

topic Re: CSS rules aren't getting applied in Web AppBuilder Custom Widgets Questions

CSS rules aren't getting applied

Re: CSS rules aren't getting applied

Re: CSS rules aren't getting applied