Custom Tab Panel Questions

[joerattz]

I am creating some custom tab panels but have some questions.

In the .js file for my custom panel, I see a defaultBackColor property in the tabStyle class. I could also set a "background color" default to the defaults when I add the custom panel widget to the toolbar via the toolbar.add method call. Is there a difference between them?

Also, the problem I am having is that I want to set the background color of the tab panel's panel but if I do, that background color is also applied to the tab and if my tab allows any background to show (like it does because it has rounded corners) that background color is visible. So for example if the page's background is white, but I want a silver panel and set the background to silver, you can see silver on the outside of the rounder corners of the tab. Is there a way to prevent this?

Thanks.

[joerattz]

After playing with this more I do believe there is a small flaw in the design/emitted html for a custom panel. I can't set a background color for the tab's panel without that color also being the background color of the tabs. As long as the background around the tabs can be the same color as the tab's panel, no problem. But if you want those colors to be different, I can't find a way to do that.

So in my example in my previous post, you can't have the tab panel on a white page but have a silver tab panel (without the silver showing on the edges of the tabs if they are rounded - which doesn't look right).

[Alex]

Have you tried playing around with the backBar and the backBarColor properties in the tabStyle? They are commented out in the example that we ship. I believe these properties allow you to do what you are looking for.

[joerattz]

Yes, I did turn on the backBar and set backBarColor but that doesn't resolve the problem if you keep the seperated property commented out or set to false. Yes, it will color the background of the backbar but the background color of the panel will be the background color for the selected tab (as long as separated is false) and if the tab has rounded colors, that background color shows through on the edges.

Below is an image demonstrating the problem. I have set the barBarColor to green and the background color to red. Notice that you can see the red background color peeking around the edges of the selected tab.