Attribute Inspector - .atiField

cwh

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

jskinner

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; 
 }