How to change the attributeInspector's skin?

[MikeCliffton]

How to adjust the attributeInspector skin of EditWidget in flex viewer?
I tried to adjust the attributeInspector skin of EditWidget of flex viewer.
In the file EditWidgetAttributeInspectorSkin, I want to make form item (content) height to 20. Currently, it is the same size as the data from feature service. I add <mx:FormItem height="20" /> to the mx:Form, but the item height is still very big, nothing changed.


Code:
<mx:Form id="form" 
             enabled.disabled="false"
             horizontalScrollPolicy="off"
    width="400" height="600"
    maxHeight="{hostComponent.getStyle('formMaxHeight')}"
    verticalScrollPolicy="off">
  <mx:FormItem height="20" />
      </mx:Form>I also tried to create a method as the following, but the attribute table height change to 100, the form content is still there. See the attachment. I guess I have to change the feature layer from the file EditWidget, but don't know how. Thank you!


Code:
private function changeForm():void
   {
    hostComponent.singleToMultilineThreshold=20;
    hostComponent.height = 100;
   }