I am trying to get my skin to have tabs that have rounded corners and scale well to font changes. In doing so, I have noticed some things that would make life much easier:
1) There is a cell-start and a cell-end, but not a cell-start-selected or cell-end-selected. 2) The separator TD's have no content, which makes table layouts difficult with CSS. It would be much easier to style if the separators had " " entities stuck as their content to force the browser to render the TD fully. For those that don't want the separators to be displayed, a simple "display: none" could be used. I also am thinking the following skin types would be much easier to skin: cell-start before-selected-tab tab-selected after-selected-tab before-tab tab after-tab cell-end And remove the "separator" skins. The reason I would propose this is so that non-scaling background images would be easier to use (like rounded corners). Each before and after could be the start and end image for either a non-selected tab or a selected tab. Right now it does not seem possible to have a background image for selection, since cell-start and cell-end cannot be styled differently if the first or last tabs are selected. Also, since there is only one separator, background images would have to have the end and start of a tab, which is more work since two images have to be created of an "end-normal, start selected" and "end selected, start normal" tab image. It seems ironic, but navigationPane component seems to have much better support for skinnable tabs than the panelTabbed component. -Andrew
