Attribute Inspector - .atiField

2180
2
Jump to solution
10-01-2014 11:51 AM
ChrisHolmes
Occasional Contributor III

Hello,

After adding this css:

     .esriAttributeInspector .atiField {

        font-family: "Verdana";

        font-size: 1em;

      }

The width of my TextAreaField shrunk:

textareasize.PNG

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:

textareasize2.PNG

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:

buttons.PNG

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

Thanks for all the help,

Chris

Tags (1)
0 Kudos
1 Solution

Accepted Solutions
JakeSkinner
Esri Esteemed Contributor

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;

}

View solution in original post

0 Kudos
2 Replies
JakeSkinner
Esri Esteemed Contributor

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;

}

0 Kudos
ChrisHolmes
Occasional Contributor III

Thanks for the help Jake!

0 Kudos