Attribute Inspector Limitations

rflorence

Hi All,

I've been playing around with the new editing components and are finding the attribute inspector very limited in it's format and appearance. It seems to use TextInput and RichEditableText spark components and resize them according to the data column width.

What i'd like to know is whether it's possible to resize them manually, the FieldInspector component doesn't have a width property. Ideally the AttributeInspector would display the inputs in the Design tab in Flash Builder and enable you to change the allignment properties but at the moment it just shows a blank container. I'd also like to move the Delete/Next/Forward buttons and the '1/2' indicator, but again they're in a fixed location.

It's an excellent component for functionality but at the moment i'm having to manually code all the editing features into a custom input form just to cater for the fact that i'd like all my input boxes to align nicely, which is a bit wasteful.

Thanks

JeffBurgess

Is there a way to standardize the text input block size for the attribute inspector?  I notice that it is dependent on the size of the field but I cannot find anywhere in the skin where the code decides how big to make the input text box.  I have a lot of fields and think it would be more friendly if all input text boxes were of the same size.  Thanks for any help!

I realize this is an ancient post but I came up against a similar problem and figured it wouldn't hurt to post my solution here.

If you run out of options trying to skin the attribute inspector, you can always go with the nuclear option and extend that class itself. If you override the createFormItemComponent method you get a lot of control over the UIComponent instances that the AttributeInspector makes. In my case, I needed to change the max height and width of the TextArea controls. Here's what I ended up doing, roughly:

public class CustomAttributeInspector extends AttributeInspector
{
     public function CustomAttributeInspector(featureLayers:Array=null)
     {
          super(featureLayers);
     }

     override protected function createFormItemComponent(featureLayer:FeatureLayer, field:Field, fieldInspector:FieldInspector, fieldValue:Object):UIComponent
     {
               var uiComponent:UIComponent = super.createFormItemComponent(featureLayer, field, fieldInspector, fieldValue);
               if (uiComponent is TextArea)
               {
                    // Darn those TextAreas. Make 'em narrower!
                    uiComponent.maxHeight = 80;
               }
               // We want all components to be 100% of the parent's width
               uiComponent.percentWidth = 100;
               return uiComponent;
     }
}