[CLOSED] Help with CSS of grouptabpanel

[Pablo_Azevedo]

In our website there is a screen where we use some css to alter a GroupTabPanel appearence. However there are two points i'm stuck with (marked in red in the picture below):



See, there's a thin dark gray line in the top...



..and on the left there are small grey areas in the corners.





Which css class should i change in order to change the color of these items?

Currently the folowing is being done:

        .custom //In the GroupTabPanel Cls="custom"
        {
            background-color: #141654;
            border: solid 5px #141654;
        }
.custom ul.x-grouptabs-strip li.x-grouptabs-strip-active
        {
            background: #DDE0E3;
            border: none !important;
        }
.x-tab-joint
        {
            background-color: #DDE0E3;
        }

[Daniil]

Hi,

Could you provide a sample to investigate?

[Daniil]

Regarding the corners

There is the image for the corners.

.x-grouptabs-panel .x-grouptabs-corner {
    background-image: url("/ux/extensions/grouptabpanel/images/x-grouptabs-corners-gif/ext.axd");

Please replace the url.

We still need a sample to reproduce the second issue.

[Vladimir]

Hi,

You disabled border in the following rule

.custom ul.x-grouptabs-strip li.x-grouptabs-strip-active
        {
            background: #DDE0E3;
            border: none !important;
        }

Please remove border from that rule

[Pablo_Azevedo]

Thanks, removing the "border:none" removed the line. I'll try to edit the image x-grouptabs-corners.gif to the appropriate the background color. Solved!