[Interest] Styled tabs
Graham Labdon
Graham.Labdon at avalonsciences.com
Tue Sep 2 11:21:16 CEST 2014
Hi
I have a style sheet for QTabWidget and QTabBar that looks ok except that I cannot figure out how to make the tab width dependant on the text that it is displaying. Currently I have this as a fixed value but when I add a new tab with a wider label I have to adjust the style sheet.
Is there a way of doing this dynamically?
here is my style sheet
QTabWidget, QStackedWidget
{
background: none
}
QTabWidget QWidget
{
background-color: lightblue;
}
QTabWidget::pane
{
border: 0px;
top: 0.1em;
border-image: url(tabBG.png);
border-width: 1px;
border-style: solid;
border-color: grey;
}
QTabBar::tab
{
width: 120px;
margin-left: 0.5;
margin-right: 0.5;
border: 1px solid #7a7a7a;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 2px 6px 2px 6px;
}
QTabBar::tab:!selected {
margin-top: 2px;
}
QTabBar::tab:selected {
margin-top: -1px;
background-color: lightblue;
borderwidth: 0px;
}
QTabBar::tab::bottom
{
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding: 2px 6px 2px 6px;
}
More information about the Interest
mailing list