Styling a tab panel

[huber]

By putting a tab panel with a tab linking a table view form shows by default a top, right and left border line with the color #d4d4d4 (light grey). Interestingly, there is no bottom line shown. Where does this display of a default tab panel come from?

I tried to style the tab panel (and the tab itself) with the following NG client selectors

Code: Select all

.svy-tabpanel {
   background-color: green;
   border-color: #d4d4d4;
   border-color: red;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
}

.nav-tabs {
   background-color: blue;
   background-size: 10px;
   border-color: #d4d4d4;
   border-color: green;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
}

Unfortunately, I do not get any visual display with these meetings. Removing any tab from the tab panel shows something.

Has someone been able to style a tab panels border?

Servoy 8.0.3
Java 1.8
OS X El Capitan

Regards, Robert

[HEKUCH]

Hi Robert,

With Servoy 8.1 (beta) your style works!

Regards,

[huber]

Hi Hendrick

Wow, great news (form me

Thanks for the Info.

Hi Robert,

With Servoy 8.1 (beta) your style works!

Regards,

[derk.hulshof]

Hi Robert,

When I change the CSS of the following classes:
.bts-tabpanel
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus (bootstrap override)
.tab-content > .active (bootstrap override)

It works for me in version 803

Hope this helps

Greetz
Derk

[huber]

Hi Derk

Thanks for the info and solution. As I have still a bit time until deployment I will wait for Servoy version 8.1.

Regards,