topic Re: Attribute Inspector - .atiField in ArcGIS JavaScript Maps SDK Questions

Attribute Inspector - .atiField

ChrisHolmes — Wed, 01 Oct 2014 18:51:26 GMT

Hello,

After adding this css:

     .esriAttributeInspector .atiField {
        font-family: "Verdana";
        font-size: 1em;
      }

The width of my TextAreaField shrunk:

What would cause this to happen and what is the fix?

If I try this:

     .esriAttributeInspector .atiField {
        font-family: "Verdana";
        font-size: 1em;
        width: 250px;
      }

The TextAreaField ends up being a bit longer than the others:

Any suggestions appreciated.

Also, I've tried unsuccessfully to make the Attribute Inspector taller so that the buttons are fully exposed. This is how it's looking:

I suspect this is why the scroll bar is appearing on the right hand side.

Thanks for all the help,

Chris

Re: Attribute Inspector - .atiField

JakeSkinner — Wed, 01 Oct 2014 19:30:27 GMT

Hi Chris,

Not sure why the TextArea box is appearing a little large, but you can adjust the TextArea using the atiTextAreaField CSS. You can also adjust the size of the Attribute Inspector and set the overflow to hidden. Ex:

.esriAttributeInspector {
          height: 350px;
          overflow: hidden;
 }
      
 .esriAttributeInspector .atiField {  
        font-family: "Verdana";  
        font-size: 1em; 
        width: 200px; 
 }
      
 .esriAttributeInspector .atiTextAreaField {  
        font-family: "Verdana";  
        font-size: 1em; 
        width: 196px; 
 }

Re: Attribute Inspector - .atiField

ChrisHolmes — Wed, 01 Oct 2014 19:53:13 GMT

Thanks for the help Jake!