[solved] QML Button Element - how to change background color?

[uruselfei]

hello!

i'm using standard Button Element and i need to change background color to something else than usual or inverted. let's say, how to change button color to green or red?

[markc]

I'm not sure which "standard Button Element" you mean but if a Rectangle includes a MouseArea with an "id: ma" then something like this works to alternate the background when clicked...

@gradient: Gradient {
GradientStop { position: 0.0; color: ma.pressed ? "#0F0F0F" : "#2F2F2F" }
GradientStop { position: 1.0; color: ma.pressed ? "#2F2F2F" : "#0F0F0F" }
}@

[uruselfei]

I mean button element from qt-components http://doc.qt.nokia.com/qt-components-symbian/qml-button.html

Button built on rectangle is not an option, unfortunately

[task_struct]

Hello,

Button element uses a BorderImage, not a Rectangle with gradient( http://qt.gitorious.org/qt-components/qt-components/blobs/master/src/symbian/Button.qml ). So I think it is not possible to change color.

[uruselfei]

eventually found solution!

@
Button {
// ... some needed design stuff
platformStyle: ButtonStyle {
background: "image://theme/color18-meegotouch-button-accent-background"
pressedBackground: "image://theme/color18-meegotouch-button-accent-background-pressed"
}
}
@

it is also possible to make theme and other properties dynamically defined, but for me it was eniugh to have hardcoded value.

some more reading is here: http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-buttonstyle.html