Styling a tab panel

Classic Servoy
1

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

.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

tabPanel.png
tabPanel.png360×207 1.28 KB

2

Hi Robert,

With Servoy 8.1 (beta) your style works!

Regards,

3

Hi Hendrick

Wow, great news (form me :-)

Thanks for the Info.

HEKUCH:
Hi Robert,

With Servoy 8.1 (beta) your style works!

Regards,

4

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

5

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,