QTabbar Missed Style

CodeFreaks

Hi everyone,
I want to rotate the tab with its background.
The frame and text rotated but its background hasn't.

CodeFreaks

Which styleoptiontab should be modified ?
I've modified the styles. As I try to use setStyleSheet():

tabWidget->setStyleSheet("QTabBar::tab:selected  { background: rgba(28,28,29) ; background-origin: content; font-size: 14px; font-family: 'Times New Roman' ; height: 120px; width: 30px; }");

I think, it applies to the base style instead of modified one.

mrjj

@CodeFreaks said in QTabbar Missed Style:

QTabBar::tab:selected,

Hi, the comma "," seems odd ?
also that style is for the seelected tab ?
Is that the background u mean ?

CodeFreaks

@mrjj
Thanks for reply.
the stylesheet statement is right (additional comma inserted when I copied the statement here).
I've edited the styleoptiontab to rotate the tabs. Shape and text rotated well.
When I applied the stylesheet to the selected tab the result was as presented in first post (Test1 is selected - the dark part is its background color applied by setStyleSheet syntax).

Christian Ehrlicher

Can you show use the complete code used for your test?

CodeFreaks

@Christian-Ehrlicher
@mrjj
Thanks for reply.
Of course :

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QTabWidget *tabWidget = new QTabWidget();

    tabWidget->setTabPosition(QTabWidget::West);
    tabWidget->tabBar()->setStyle(new CustomTabStyle);

tabWidget->setStyleSheet("QTabBar::tab:selected  { background: rgba(28,28,29) ;  font-size: 14px; font-family: 'Times New Roman' ; height: 120px; width: 30px; }");

      QWidget* tab_content1 = new QWidget();
      QWidget* tab_content2 = new QWidget();
      QWidget* tab_content3 = new QWidget();
      QWidget* tab_content4 = new QWidget();
      QWidget* tab_content5 = new QWidget();
      QWidget* tab_content6 = new QWidget();
      QWidget* tab_content7 = new QWidget();

    tabWidget->addTab(tab_content1, "Test1" );
    tabWidget->addTab(tab_content2, "Test2" );
    tabWidget->addTab(tab_content3, "Test3" );
    tabWidget->addTab(tab_content4, "Test4" );
    tabWidget->addTab(tab_content5, "Test5" );
    tabWidget->addTab(tab_content6, "Test6" );
    tabWidget->addTab(tab_content7, "Test7" );

    tabWidget->setMinimumSize(400,400);

    tabWidget->show();

    return app.exec();
}

CodeFreaks

Can't anyone help me ?

mrjj

@CodeFreaks
Hi. i did try your code but could not spot why style would draw in
old orientation.
I will have a look again this evening.

CodeFreaks

@mrjj
Hi, Thanks a lot.
If I add borders feature to the stylesheet statement whole the customstyle will be ignored.

mrjj

@CodeFreaks
Hi
On second try i realized the odd rectangle came from stylesheet
tabWidget->setStyleSheet("QTabBar::tab:selected { background: rgba(28,28,29) ; font-size: 14px; font-family: 'Times New Roman' ; height: 120px; width: 30px; }");

the last height and width is what makes it look wrong.
If you remove them it colors the area correctly.
alt text
tabWidget->setStyleSheet("QTabBar::tab:selected { color:white; background: rgba(28,28,29) ; font-size: 14px; font-family: 'Times New Roman'; }");

CodeFreaks

@mrjj
Thanks a lot.
You are great...

CodeFreaks

@mrjj
Unfortunately, if I add borders feature to the stylesheet statement whole the customstyle will be ignored.
:_(

mrjj

@CodeFreaks
Hi can you show how your style sheet looks with borders?
Often is sheet is ignored its due to errors.

Since you already have a Delegate we could just draw some border :)
Maybe its CE_TabBarTabShape that should have it. not looked into it.

I assume you try to have teh current tab have a border ?

CodeFreaks

@mrjj
Thanks for reply.
Widget with borders definition in stylesheet statement:

I applied the borders to all tabs.

     tabWidget->setStyleSheet("QTabBar::tab { font-size: 14px; font-family: \"Times New Roman\" ;"
                              " border-width: 1px;"
                              " border-style: solid;"
                              " border-color: black; }"

mrjj

Hi
well good news is that it does support it
alt text

update:
~~Ok, when there is delegate it NOT drawn.~~
wrong :) I was stupid :)
alt text
it does work with delegate

CodeFreaks

@mrjj
Hi,
Thanks a lot.
May I ask you to present an example for it.

mrjj

@CodeFreaks
alt text

using stylesheet

 tabWidget->setStyleSheet(QLatin1String("QTabBar::tab { \n"
" border-width: 1px;\n"
"    border-style: solid;\n"
"    border-color: blue;\n"
"}\n"
"\n"
"QTabBar::tab:selected  { \n"
"color:white; \n"
"background: rgba(28,28,29) ;  \n"
"font-size: 14px; font-family: Times New Roman\n"
"}"));

CodeFreaks

@mrjj
Thanks,
but its like before, it missed the custom style:

mrjj

@CodeFreaks said in QTabbar Missed Style:

it missed the custom style:

Im not sure what you refer to here ?

update: ah sorry. tired.
You mean it no longer flips the tabs.

CodeFreaks

@mrjj
Thanks for reply,
update: yes.
the orientation of text and shape which have been defined in custom style is missed here.
I want to achieve something like this but with customized borders: