Horizontal text in QTabWidget

[MostafaEzzat]

@mrjj

I'm sorry for opening this again but i've bunch of css code and want to use but when i add it from StyleSheet of Qt Designer The tabs became Vertical

QTabWidget::pane { border: 1px solid lightgray; top:-1px; background: rgb(245, 245, 245);; }
 QTabBar::tab { background: rgb(230, 230, 230); border: 1px solid lightgray; padding: 15px; } 
QTabBar::tab:selected { background: rgb(245, 245, 245); margin-bottom: -1px; }

[sandrayin]

@mrjj

Hi,

i've managed to implement this but the close button does not align with the new style. What do I do?

[jsulm]

@sandrayin said in Horizontal text in QTabWidget:

What do I do?

We don't know because you do not show any code...

[AZEDINE]

I am trying to put the tab text in horizontal. I put the tabs in west orientation but the text appears in vertical like this picture:

en python : class HorizontalTabStyle(QProxyStyle):
def drawControl(self, element, option, painter, widget=None):
if element == QProxyStyle.CE_TabBarTab:
opt_tab = QStyleOptionTab(option)
# نجعل Qt يرسم النص كما لو كان في الأعلى (North) وبالتالي يكون أفقي
opt_tab.shape = QTabBar.RoundedNorth
super(HorizontalTabStyle, self).drawControl(element, opt_tab, painter, widget)
else:
super(HorizontalTabStyle, self).drawControl(element, option, painter, widget)
.....
self.tabWidgetResult.setTabPosition(QTabWidget.TabPosition.West)

    # نطبّق الستايل المخصص على الـ tabBar
    self.custom_style = HorizontalTabStyle(self.tabWidgetResult.style())
    self.tabWidgetResult.tabBar().setStyle( self.custom_style)

[jsulm]

@AZEDINE There is no picture. And please format your code properly.

[AZEDINE]

@jsulm

self.tabWidgetResult = self.findChild(QTabWidget, "tabWidgetResult")
       if self.tabWidgetResult:
           self.tabWidgetResult.tabBar().setCursor(Qt.CursorShape.PointingHandCursor)


       self.tabWidgetResult.setStyleSheet("
           QTabBar::tab {
               width: 29px;
               max-width: 100px;
               min-width: 20px;
           }

           QTabBar::tab:selected {
               background: #0E94A0;
               color: white; 
           }

           QTabBar::tab {
               color: #000000; 
           }

           QTabBar::tab::!selected {
               color: #0E94A0; 
           }

           QTabBar::tab {
               font-size: 14px;
               font-weight: bold; 
               margin: 5px; 
               padding: 5px; 
               border: 2px solid #0E94A0;
               border-radius: 10px; 
           }

           QTabBar::tab > QLabel {
               qproperty-alignment: AlignCenter; 
           transform: translate(0,10px) rotate(-90deg);
                   
           }

           QTabBar::tab:selected > QLabel {
               qproperty-alignment: AlignCenter; 
               transform: translate(0,10px) rotate(-90deg);
               
           }

       ")
       

( link url)) I am trying to put the tab text in horizontal. I put the tabs in west orientation but the text appears in vertical like this picture:

[jsulm]

@AZEDINE said in Horizontal text in QTabWidget:

I put the tabs in west orientation

According to the picture you don't: the tabs are arranged vertically. How did you set up the QTabWidget?

[AZEDINE]

@AZEDINE I am trying to put the tab text in horizontal. I put the tabs in west orientation but the text appears in vertical like this picture:

 self.tabWidgetResult.setTabPosition(QTabWidget.West)

[AZEDINE]

mon besoin comme ca en python

[jsulm]

@AZEDINE Did you try what @mrjj suggested in this thread?

[AZEDINE]

@jsulm moi utilise python est ce que il ya une solition ???

[jsulm]

@AZEDINE said in Horizontal text in QTabWidget:

moi utilise python est ce que il ya une solition

Please use English or post in French sub-forum

[AZEDINE]

This post is deleted!

[SGaist]

Hi,

Please provide a minimal runnable script that shows your issue.