How to make tabs in Qt look like tabs in Google Chrome?

Question

I don't want my tabs to have a Drag and Drop feature like Chrome (as covered by this question: Apply chrome like tabs in Qt) - I just want them to look like Chrome tabs.

I'm currently using QTabWidget, but its built-in shape QTabWidget::Triangular is so ugly. What do I need to use? Stylesheet or image or something else?

warunanc · Accepted Answer · 2013-08-30T08:27:03.443

7

You can use border-image property of the QTabBar::tab. Just read the documentation as to how you could style border-image. There is a nice explanation in the documentation.

I have done something like this using above method.

enter image description here

You could do the same. To change the close button you could style QTabBar::close-button. The final answer is you can achieve what you required, just using Qt stylesheets.

edited Aug 30 '13 at 08:27

answered Nov 01 '12 at 10:57

warunanc

2,221
1
23
40

score 2 · Answer 2 · answered Aug 16 '12 at 19:10

2

I'm not really sure how you can make it look exactly like Chrome, but you can try using border-top-left-radius, border-top-right-radius, border-bottom-right-radius, and border-bottom-left-radius in Stylesheets

Reference

answered Aug 16 '12 at 19:10

ivanfeli

230
2
9

I tried this but the only thing it does is make the tab's corner round. – JayXon Aug 18 '12 at 08:55

How to make tabs in Qt look like tabs in Google Chrome?

2 Answers2