Let me know if there are any bugs or anything. I gave it a pretty good once-over.

Thanks for posting the source. Since you are declaring a class style called FieldSet, you are overriding the default styling of the same name in the component. If you decide to still use this name, for now, you would have to set all styles on the FieldSet within the style declaration. This is what is happening inside the FieldSet:

if (!StyleManager.getStyleDeclaration(‘FieldSet’))
{
var tsn:CSSStyleDeclaration = new CSSStyleDeclaration();
tsn.setStyle(‘fontWeight’, ‘bold’);

var s:CSSStyleDeclaration = new CSSStyleDeclaration();
s.setStyle(‘borderStyle’, ’solid’);
s.setStyle(‘borderSkin’, FieldSetBorder);
s.setStyle(‘backgroundColor’, 0xFFFFFF);
s.setStyle(‘backgroundAlpha’, 0.0);

s.setStyle(‘paddingLeft’, 2);
s.setStyle(‘paddingRight’, 2);
s.setStyle(‘paddingTop’, 2);
s.setStyle(‘paddingBottom’, 2);

s.setStyle(‘titleAlign’, ‘left’);
s.setStyle(‘titleGap’, 2);
s.setStyle(‘titlePlacement’, ‘top’);
s.setStyle(‘titleStyleName’, tsn);

StyleManager.setStyleDeclaration(‘FieldSet’, s, true);
}

I probably need to adjust that so that a user can use the class name and still retain values the user has decided to NOT declare. Thanks for pointing this out as it shows a flaw in my approach.

This is what I see happening.

If you add a FieldSet{} style declaration, the fieldset doesn’t render anything at all.

If you add a minimum of border-style:solid, the border will render, but that’s it, no title.

To get the title to render, you have add, at minimum, title-gap. However, that renders the title too far down into the content area.

btw, your TileCanvas thing looks sweet. It might be what I’ve been looking for in a dashboard layout engine

FieldSet
{

}

the fieldset doesn’t render at all. Your default styles aren’t kicking in. So I copied all the styles (borderStyle most importantly) into the .css file… and now it renders, except the title is floating down inside the actual content.