@GrecKo That was it. Thank you very much!

@Pataruutu

Hi the video you link is QML :)
So its its the reason it looks differently.

The one you call ugly is QWidgets and it uses the default look of the platform.

It seems you can use QML with pyt
http://pyqt.sourceforge.net/Docs/PyQt5/qml.html

@IMAN4K
Hi
Im not sure what "material ripple animation" really is so its hard to say which design i would prefer.
Copying Paint of QMenu would be last choice as there might be bugs and its involving to keep in sync.

If the items can do all the drawing them self i would go for that. (2 i think :)

You're welcome !

Since you have it working now, please mark the thread as solved using the "Topic Tools" button so that other forum users may know a solution has been found :)

@jpnurmi
Hi jpnurmi!

Thank you for you reply!

I have solved my problem.

(^__^) ~

...
OK, this works. I thought that control was a reserved keyword.

<u>For readers :</u>
Since I have many TabButton, I don't use id: control as suggested but parent.

TabButton { id: tabButtonMenu width: 100 height: parent.height text: "Menu" contentItem: Text { text: parent.text font: parent.font opacity: enabled ? 1.0 : 0.3 color: parent.down ? "yellow" : "white" horizontalAlignment: Text.AlignHCenter verticalAlignment: Text.AlignVCenter elide: Text.ElideRight } }

@jpnurmi thx again
only had to change the implicitHeight:

Tumbler { id: tumbler model: 10 visibleItemCount: 5 implicitHeight: visibleItemCount * 24 delegate: Text { property int displacement: Math.abs(Tumbler.displacement) id: label text: modelData color: displacement == 0 ? Material.primaryTextColor : Material.secondaryTextColor font: tumbler.font scale: displacement == 0 ? 1.20 : 1.0 horizontalAlignment: Text.AlignHCenter verticalAlignment: Text.AlignVCenter } }

while flicking the tumbler there's a noticable delay before only the selected number will be scaled,
but I can live with this.