I'm trying to create a panel where the control bar is not as wide as the panel. For example my panel is 200px wide and I want the control bar to be 120px wide. I've looked into creating this with CSS, I know I can add a style for the controlbar, but I cannot set the width of the control bar through css.
So my next idea is to create a custom component which extends the Panel component, is it possible to set the width of the control bar in a custom component to about 80% of the width that the component is set to?
When you say control bar, do you mean the part of the panel in which the title appears, at the top by default, or do you mean an <mx:ControlBar> component you add to the panel?
Well originally I thought that the control bar is the part at the top of a panel, and this is the section I want to change the width on, but now I know that the control bar is the lower part of the panel.
So to answer your question its the top part of the panel which I want to amend the width so it is not as wide as the panel. Is that possible?
So what you are looking for is a tab-like appearance? No, the standard panel won't do that. But you could create such a thing if you really needed it.