Problem with styleSheet

[shahriar25]

Hi,
I'm working on a music player and I have a problem with the scrollbars.
I have set the mainwindow's style to fusion style and when I what I leave the mainWindow's stylesheet empty it lookes like this:

http://i65.tinypic.com/675bic.jpg

But when I set the stylesheet of the mainWindow to change the background and the text color to anything it lookes like this:

http://i68.tinypic.com/2vto6tw.jpg

why does the scrollbar look like that?
and I have set the style to GTK+ and windows style it still lookes like that.
What should I do?

If you can't see the images inform me to upload them again

[mrjj]

Hi can you show the StyleSheet you set.
If you dont specify class or names,
then it applies to all widgets, even the toolbar.
Like
"QLineEdit { background-color: yellow }"
would only affect QLineEdit but
"QWidget { background-color: yellow }"
would affect all on screen.

[shahriar25]

Hi,
I set the stylesheet just for the listView but it had the same result
this is the stylesheet I used in the picure:

color: rgb(255, 255, 255); background-color: rgb(80, 80, 80);

I want the user to be able to change the theme of the app. so I have some stylesheets that user chooses from them and I apply them to the mainWindow.

But there is another problem. I set the stylesheet to the stylesheet above in the qt designer and when I run the app and I choose the stylesheet from the app look at the scrollbar:

color: rgb(0 ,0 ,0); background-color: rgb(255, 255, 255);
http://i63.tinypic.com/intwfa.png

and the album comboBox's backGround is the grey color too

[Devopia53]

@shahriar25

Hi

QListView {
color: rgb(255, 255, 255);
background-color: rgb(80, 80, 80);
}

[mrjj]

Hi
If you dont use a name (the type) as @Devopia53 shows,
the style sheet is used for all on screen.
Also the scrollbar.
So you must exclude the scrollbar by using QListView and other typenames
so QScrollBar is not affected.

[shahriar25]

Hi
So if I wanted to change the styleSheet I have to change the styleSheet of the objects in the ui one by one (like QLabels and QPushBurrons) ?
and also whaen I do:

setStyleSheet("QMainWindow {"
"color: rgb(255, 255, 255);"
"background-color: rgb(80, 80, 80);"
"}"
"QListView {"
"color: rgb(255, 255, 255);"
"background-color: rgb(80, 80, 80);"
"}");

every where is grey except the scrollbar. can I set the scrollbar to grey?

[mrjj]

Yes. If you do not want all class/widget to be affected.
like scrollbar case.

If they are the same settings, you can also use more names for same block

"QMainWindow, QListView {...}"

see here for examples
http://doc.qt.io/qt-5.5/stylesheet-examples.html

For scrollbar
http://doc.qt.io/qt-4.8/stylesheet-examples.html#customizing-qscrollbar

[shahriar25]

the second page doesn't customize the scrillbars inside a QListView.
Why not?

[mrjj]

@shahriar25

you mean it does not work or ?
"QScrollBar {
background: gray;
}"

[shahriar25]

No it didn't work when I set the mainwindow's stylesheet to

QScrollBar {
background: gray;
}

it looses the style and lookes like the picture I uploaded

[mrjj]

@shahriar25 said:
QScrollBar {
background: gray;
}

That would make the it look gray ? That is as it should be.

If you set a style sheet on it,
it will not use the rest from style.
So you cannot do both.

If you set a style sheet. it will only use stylesheet settings
and might forget some it got from style.
They are not added together. Its ALL or nothing with style sheets.

You cannot just change say, background. And it still used bitmaps from Style.
You will have to specify bitmaps in style sheet too.

here is how it looks in windows
http://postimg.org/image/y9fp1edkz/

[shahriar25]

Hi,
I can't Thank you enough for the answers. I did it!

[mrjj]

@shahriar25
\o/ super :)

[shahriar25]

I have one more Question:
I want the listview to show "Goto File->Add To List to add files"
or a background text for the labels saying "Album" when its empty
How shold I do that?

[mrjj]

@shahriar25 said:
well for the list view, you could have a start item saying that.
And then you then add thr real items, then remove it first.

[shahriar25]

Yes that works but if I wanted it tobe in the middle if the listView than what?
and for the QLabel?

[mrjj]

@shahriar25
Well im not sure if you can make
it go to middle of the view.

Well for the QLabel, you can just set the text?

[shahriar25]

Yes I can but does it look good?
alright I will leave it empty.
thank you again

[mrjj]

@shahriar25
well QLabel can show html so it can look pretty much as you like
http://doc.qt.io/qt-5.5/richtext-html-subset.html
Color and font wise.

[shahriar25]

I did it with rich text