[prev in list] [next in list] [prev in thread] [next in thread] 

List:       pykde
Subject:    [PyQt] Problems with stylesheets.
From:       "=?ISO-8859-1?Q?Gustavo_A._D=EDaz?=" <gustavo.diaz () gmail ! com>
Date:       2007-11-30 22:02:39
Message-ID: 64c123920711301402y7fb83b2bqc3b87e0e120868c0 () mail ! gmail ! com
[Download RAW message or body]

[Attachment #2 (multipart/alternative)]


Hi guys.

I have a weird problem when i want to style my app, but specially with
QPushButton and QScrollBar.

I have this for QPushButton:

self.setStyleSheet (" \
                QPushButton {background-image:
url(:/Styles/styles/oc_buttonBg.png); color: white; font: bold; \
                border-style: inset; background-repeat: no repeat;
background-position: center;} \
                QPushButton:hover {background-image:
url(:/Styles/styles/oc_buttonBg_hover.png); \
                border-style: inset; background-repeat: no repeat;
background-position: center;} \
                QPushButton:pressed {background-image:
url(:/Styles/styles/oc_buttonBg_pressed.png);\
                border-style: inset; background-repeat: no repeat;
background-position: center;}")

And for QScrollBar:

self.setStyleSheet ("QScrollBar:vertical { \
                      background-image:
url(:/Styles/styles/scrollbar_bg.png); \
                      width: 15px; \
                      margin: 15px 0 15px 0;} \
                      QScrollBar::handle:vertical { \
                      background-image:
url(:/Styles/styles/scrollbar_body.png); \
                      min-height: 15px;} \
                QScrollBar::add-line:vertical { \
                      border: 0px; \
                      background-image:
url(:/Styles/styles/scrollbar_downArrow_Bg.png); \
                      height: 15px; \
                      subcontrol-position: bottom; \
                      subcontrol-origin: margin;} \
                QScrollBar::sub-line:vertical { \
                      border: 0px; \
                      background-image:
url(:/Styles/styles/scrollbar_upArrow_Bg.png); \
                      height: 15px; \
                      subcontrol-position: top; \
                      subcontrol-origin: margin;} \
                      QScrollBar::up-arrow:vertical { \
                      background-image:
url(:/Styles/styles/scrollbar_upArrow.png); \
                background-repeat: no repeat; \
                width: 15px; \
                height: 15px;} \
                QScrollBar::down-arrow:vertical { \
                      background-image:
url(:/Styles/styles/scrollbar_downArrow.png); \
                background-repeat: no repeat; \
                width: 15px; \
                height: 15px;} \
                      QScrollBar::add-page:vertical,
QScrollBar::sub-page:vertical { \
                      background: none;}")

Now, the buttons are not being styled if the scrollbar stylesheet exist...
if i delete the scrollbar stylesheet.. buttons style are there.

Now, if a use both but in the QPushButton i use directly the name of the
Widget to style (lets say, self.firstButton.setStyleSheet....) the buttons
shows the style but the scrollbar back to QT4 default look...

What is going on?

Thanks

Cheers.... and hope someone to respond my post someday.... lately no one
does it.... :(


-- 
Gustavo A. Díaz
GDNet Projects
www.gdnet.com.ar

[Attachment #5 (text/html)]

Hi guys.<br><br>I have a weird problem when i want to style my app, but specially \
with QPushButton and QScrollBar.<br><br>I have this for QPushButton:<br><br><div \
style="margin-left: 40px;">self.setStyleSheet (&quot; \<br> &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; QPushButton \
{background-image: url(:/Styles/styles/oc_buttonBg.png); color: white; font: bold; \
\<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
border-style: inset; background-repeat: no repeat; background-position: center;} \
\<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
QPushButton:hover {background-image: url(:/Styles/styles/oc_buttonBg_hover.png); \ \
<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
border-style: inset; background-repeat: no repeat; background-position: center;} \
\<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
QPushButton:pressed {background-image: \
url(:/Styles/styles/oc_buttonBg_pressed.png);\<br>&nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; border-style: inset; \
background-repeat: no repeat; background-position: center;}&quot;) <br></div><br>And \
for QScrollBar:<br><br><div style="margin-left: 40px;">self.setStyleSheet \
(&quot;QScrollBar:vertical { \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-image: \
url(:/Styles/styles/scrollbar_bg.png); \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; width: 15px; \ \
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; margin: 15px 0 15px 0;} \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; QScrollBar::handle:vertical { \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-image: \
url(:/Styles/styles/scrollbar_body.png); \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; min-height: 15px;} \ <br>&nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
QScrollBar::add-line:vertical { \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; border: 0px; \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-image: \
url(:/Styles/styles/scrollbar_downArrow_Bg.png); \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; height: 15px; \ \
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; subcontrol-position: bottom; \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; subcontrol-origin: margin;} \
\<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
QScrollBar::sub-line:vertical { \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; border: 0px; \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-image: \
url(:/Styles/styles/scrollbar_upArrow_Bg.png); \ \
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; height: 15px; \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; subcontrol-position: top; \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; subcontrol-origin: margin;} \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; QScrollBar::up-arrow:vertical { \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-image: \
url(:/Styles/styles/scrollbar_upArrow.png); \ <br>&nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-repeat: no \
repeat; \<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; width: 15px; \<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; height: 15px;} \<br>&nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
QScrollBar::down-arrow:vertical { \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-image: \
url(:/Styles/styles/scrollbar_downArrow.png); \ <br>&nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-repeat: no \
repeat; \<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; width: 15px; \<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; height: 15px;} \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; QScrollBar::add-page:vertical, \
QScrollBar::sub-page:vertical { \
\<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background: none;}&quot;)&nbsp;&nbsp;&nbsp;  \
<br><br></div>Now, the buttons are not being styled if the scrollbar stylesheet \
exist... if i delete the scrollbar stylesheet.. buttons style are there.<br><br>Now, \
if a use both but in the QPushButton i use directly the name of the Widget to style \
(lets say,  self.firstButton.setStyleSheet....) the buttons shows the style but the \
scrollbar back to QT4 default look...<br><br>What is going \
on?<br><br>Thanks<br><br>Cheers.... and hope someone to respond my post someday.... \
lately no one does it.... :( <br><br><br>-- <br>Gustavo A. Díaz<br>GDNet \
Projects<br><a href="http://www.gdnet.com.ar">www.gdnet.com.ar</a>



_______________________________________________
PyQt mailing list    PyQt@riverbankcomputing.com
http://www.riverbankcomputing.com/mailman/listinfo/pyqt

[prev in list] [next in list] [prev in thread] [next in thread] 

Configure | About | News | Add a list | Sponsored by KoreLogic