How to customize layout with CSS

[SGaist]

Hi and welcome to devnet,

What layout ?
What CSS ?
What are you trying to achieve ?

[zonixo]

Thank you.

I added some widgets inside a Layout and i would like to customize the Layout to be able to add border and background but it not working.

# Inside my main
self.hLayout = QHBoxLayout()
self.hLayout.setObjectName("hLayout")

self.hLayout.addWidget(self.btn_menu)

# Inside the stylesheet added to my QMainWindow ( self.w )
self.w.setStyleSheet(css.MAIN)

MAIN = """
QHBoxLayout#hLayout {
   background: red;
}

QPushButton#btn_menu {
   margin-left: 5px;
   background: white;
}

The CSS doesn't work on the layout selector but working on the QPushButton selector. What is the problem ? Layouts can't be customize ?

[JonB]

@zonixo

i would like to customize the Layout
QHBoxLayout#hLayout

You cannot CSS style layouts, only QWidgets, and layouts are not widgets.

[Pl45m4]

@zonixo

Add a QFrame to your layout and put your items inside this QFrame. Then you can set your style to your frame.

[JonB]

@Pl45m4
Yes, but then how does the OP get the layout stuff applied to the widgets which are now inside a single QFrame to which the layout applies, instead of to each widget?

[Pl45m4]

@JonB

• MainWidget / Window with layout
  • Frame
    • Layout with stuff

Or even multiple QFrames around each button. Instead of adding the widget to the layout directly, add a QFrame and place widget inside frame.

IDK :) This was the first thing that came to my mind

@zonixo
Setting the background color to each widget instead of whole layout wont work for you?

[JonB]

@Pl45m4
Ah, OK, so what you really mean is move the original layout (with its widgets) down one level into the new QFrame. Then he can set the border/background on the frame widget holding the layout instead of on the layout itself. OK.

[carolinecary]

This post is deleted!

[Pl45m4]

@carolinecary

Hi,

this is a Qt forum. I dont think OP is talking about websites :)

[SGaist]

@Pl45m4 That was a spammer.