QTableView ... Qt Creator stylesheet

gfxx

I try these .... my image is 24*24px ...

Obviusly, because not so familiar with css subcontrol I makesome error but I'm unable see where and what.

regards and thanks for the help.

giorgio

mrjj

Hi
Are you sure it can load the images ?

Maybe this can be inspiration
https://stackoverflow.com/questions/12438095/qt-vertical-scroll-bar-stylesheets

gfxx

@mrjj I'm sure .... try to play aroud your linked snippets ....

thanks ... i hope can able to post a solution in a small time.

giorgio

gfxx

@mrjj these code have somethings that I not understand:

QTableView {border: 3px solid #5E749C;text-align: top;padding: 4px;border-radius: 7px;border-bottom-left-radius: 7px;background: QLinearGradient( x1: 0, y1: 0, x2: 1, y2: 0,stop: 0 #fff, stop: 1 #eee,stop: 0.5 #ddd,stop: 1 #eee );width: 15px;}
QTableView::item:focus{selection-background-color: yellow;}
QScrollBar:vertical{ width: 35px; background: none; /* only these sort effect about width ...*/}
QScrollBar::handle:vertical{ border: 3px solid #5E749C;text-align: top;padding: 4px;border-radius: 5px; border-bottom-left-radius: 5px;background: QLinearGradient( x1: 0, y1: 0, x2: 1, y2: 0,stop: 0 #fff, stop: 1 #eee,stop: 0.5 #ddd,stop: 1 #eee ); width: 25px; min-height: 20px; max-height: 25px; /*these sort no effect*/ }
QScrollBar::add-page:vertical {border: 3px solid red;text-align: top;padding: 4px;border-radius: 5px; border-bottom-left-radius: 5px;background:  red; /* adding width: xx px; sorting no effect .. why? */}
QScrollBar::sub-page:vertical {border: 3px solid green;text-align: top;padding: 4px;border-radius: 5px; border-bottom-left-radius: 5px;background:  green; /* adding width: xx px; sorting no effect .. why? */ }

the result ......

gfxx

gfxx

@SGaist ok and if use QT Creator stylesheet property windows is the same?

regards
giorgio

mrjj

Hi
Not sure all sub controls ( like QScrollBar::add-page:vertical ) supports
width.

You can see where what they have used
http://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qscrollbar

gfxx

@mrjj said in QTableView ... Qt Creator stylesheet:

You can see where what they have used

thanks
Girgio

gfxx

@mrjj finally I solve my issue in these way;

QTableView {border: 3px solid #5E749C;text-align: top;padding: 4px;border-radius: 7px;border-bottom-left-radius: 7px;background: QLinearGradient( x1: 0, y1: 0, x2: 1, y2: 0,stop: 0 #fff, stop: 1 #eee,stop: 0.5 #ddd,stop: 1 #eee );width: 15px;}
QTableView::item:focus{selection-background-color: yellow;}


 QScrollBar{
         background: QLinearGradient( x1: 0, y1: 0, x2: 1, y2: 0,stop: 0 #fff, stop: 1 #eee,stop: 0.5 #ddd,stop: 1 #eee );
 }

 QScrollBar:vertical {
     border: 3px solid #5E749C;
     padding: 4px;
     border-radius: 7px;
     border-bottom-left-radius: 7px;
     background: QLinearGradient( x1: 0, y1: 0, x2: 1, y2: 0,stop: 0 #fff, stop: 1 #eee,stop: 0.5 #ddd,stop: 1 #eee );
     width: 45px;
     margin: 48px 0 48px 0;
 }

 QScrollBar::handle:vertical {
     background: dark blue;
     border: 3px solid #5E749C;
     padding: 0px;
     border-radius: 7px;
     border-bottom-left-radius: 7px;
     min-height: 40px;
 }
 QScrollBar::add-line:vertical {
     background: dark blue;
     border: 3px solid #5E749C;
     padding: 0px;
     border-radius: 7px;
     border-bottom-left-radius: 7px;
     height: 40px;
     subcontrol-position: bottom;
     subcontrol-origin: margin;
 }

 QScrollBar::sub-line:vertical {
     background: dark blue;
     border: 3px solid #5E749C;
     padding: 0px;
     border-radius: 7px;
     border-bottom-left-radius: 7px;
     height: 40px;
     subcontrol-position: top;
     subcontrol-origin: margin;
 }
 QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
     border: 2px solid grey;
     width: 3px;
     height: 3px;
     background: white;
 }

 QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
     background: none;
 }

but the result about the hole in my background not make my happy ... show these:

gfxx

THESE RESULT IS ON UBUNTU 16 AND QT5.8 .... ON UBUNTU 14 AND QT5.6 the scrollBar is outside the table area ... so the result is perfect..... maybe these depends on pathers widget and it's css settings.

For me the problem is Solved.

regards
giorgio