How to style widgets inside a scrollArea?

candidaj

I have a widget with scrollArea in it and other widgets which are inside the scrollArea.My problem is the qss i am using to style the widgets inside the scrollArea, is not applying.

/qss********/
MyWidget
{
background-color: white;
}

QLabel
{
border: none;
background-color: white;
font-size: 10pt;
}

QPushButton
{
border-style: none;
color: white;
font-size: 12pt;
}

QPushButton:pressed
{
border-style: none;
color: black;
}

QLineEdit
{
color: black;
font-size: 14pt;
}

QComboBox
{
border-style: solid;
border-width: 2px;
border-radius: 3px;
font-size: 14pt;
min-height: 38px;
}

QComboBox:!editable, QComboBox::drop-down:editable
{
background: white;
border-style: solid;
border-width: 2px;
border-radius: 3px;
}

QComboBox::drop-down
{
subcontrol-origin: padding;
width: 25px;

 border-left-width: 1px;
 border-left-style: solid; 
 border-top-right-radius: 3px; 
 border-bottom-right-radius: 3px;

}

QComboBox QAbstractItemView
{
border: 2px solid lightgray;
selection-background-color: lightgray;
}

QComboBox QAbstractItemView::item
{
min-height: 80px;
}
QScrollArea#scrollArea
{
background: white;
border-style: none;
}

QWidget#scrollAreaWidgetContents
{
background: white;
border-style: none;
}

SGaist

Hi and welcome to devnet,

Please show the code you use to setup your QScrollArea, the widgets in it and the style sheet.

candidaj

@SGaist This is how i am setting up qscrollarea.
I have used qt designer to create the widget.
The QSS is applying to widgets outside the scrollarea, but not to widgets inside scrollarea.

//Set up Scroll Area
ui->scrollArea->verticalScrollBar()->setVisible(false);
ui->scrollArea->horizontalScrollBar()->setVisible(false);
ui->scrollArea->horizontalScrollBar()->setEnabled(false);
ui->scrollArea->setWidgetResizable(false);
ui->scrollAreaWidgetContents->setGeometry(0,0,ui->scroll_Area->width(),1000);
this->setStyleSheet(fetchQss(staticMetaObject.className()));

Below is the QSS used to style the widgets inside and outside scrollArea.

CustomWidget
{
background-color: white;
}

QCheckBox::indicator
{
border: none;
width: 101px;
height: 51px;
}

QComboBox
{
border-style: solid;
border-width: 2px;
border-color: #99B359;
border-radius: 3px;
font-size: 14pt;
min-height: 40px;
}

QComboBox:!editable, QComboBox::drop-down:editable
{
background: white;
border-style: solid;
border-width: 2px;
border-color: #99B359;
border-radius: 3px;
}

QComboBox::drop-down
{
subcontrol-origin: padding;
subcontrol-position: top right;
width: 25px;

 border-left-width: 1px;
 border-left-color: #99B359;
 border-left-style: solid; 
 border-top-right-radius: 3px; 
 border-bottom-right-radius: 3px;

}

QComboBox::down-arrow
{
image: url(:/drop.png);
}

QComboBox QAbstractItemView
{
border: 2px solid white;
selection-background-color: white;
font-size: 14pt;
}

QComboBox QAbstractItemView::item
{
min-height: 70px;
}

QScrollBar:vertical
{
width: 25px;
}
QScrollBar::handle:vertical
{
background: #E3E3E3; min-height: 25px;
}

QPushButton
{
border-style: none;
color: white;
font-size: 14pt;

}

QPushButton:pressed
{
border-style: none;
color: black;
font-size: 14pt;

}

QPushButton:disabled
{
border-style: none;
color: white;
font-size: 14pt;

}

QLineEdit
{
border-style: solid;
border-width: 2px;
border-color: #99B359;
border-radius: 3px;
font-size: 12pt;
color: black;
}

QPushButton#pushButton_ScrollUp
{
border-style: none;

}

QPushButton#pushButton_ScrollDown
{
border-style: none;
}
QPushButton#pushButton_ScrollUp:pressed
{
border-style: none;

}

QPushButton#pushButton_ScrollDown:pressed
{
border-style: none;

}

QPushButton#pushButton_ScrollDown:disabled
{
border-style: none;

}

QPushButton#pushButton_ScrollUp:disabled
{
border-style: none;

}

QLabel#label_Label1
{
border: none;
background-color: white;
color: #99B359;
font-size: 24pt;
}

QLabel#label_Label2
{
border: none;
background-color: white;
color: #99B359;
font-size: 24pt;
}

QLabel#label_Label3
{
border: none;
background-color: white;
color: #99B359;
font-size: 24pt;
}

QLabel#label_Label4
{
border: none;
background-color: white;
color: #99B359;
font-size: 24pt;
}

QLabel#label_Label5
{
border: none;
background-color: white;
color: #99B359;
font-size: 24pt;
}

QLabel#label_Label6
{
border: none;
background-color: white;
color: #99B359;
font-size: 24pt;
}

QLabel#label_Label7
{
border: none;
background-color: white;
color: #99B359;
font-size: 24pt;
}

QLabel#label_Label8
{
border: none;
background-color: white;
color: #99B359;
font-size: 24pt;
}

QLabel#Label9
{
border: none;
background-color: white;
color: #99B359;
font-size: 24pt;
}

QLabel#label_10
{
border: none;
background-color: white;
color: black;
font-size: 16pt;
}

QScrollArea#scroll_Area
{
background: white;
border-style: none;
}

QWidget#scrollAreaWidgetContents
{
background: white;
border-style: none;
}

SGaist

Did you call that before or after ui->setupUi(this); ?

By the way, please use coding tags (the </> button) to make your code readable.

candidaj

@SGaist I called that after ui->setupUi(this);.

SGaist

One thing you can do is test your stylesheet directly in Designer to see if there's something wrong with it.

candidaj

@SGaist I tested the stylesheet directly in Designer and it is working.
But why it is not working from code.

SGaist

Check the generated code to see what it does differently than yours.