🔒 need help with fixing my dropdown menu | Python | Page 1

dull houndBOT Jan 30, 2025, 6:15 AM

#

@quick tapir

Python help channel opened

Remember to:

Ask your Python question, not if you can ask or if there's an expert who can help.
Show a code sample as text (rather than a screenshot) and the error message, if you've got one.
Explain what you expect to happen and what actually happens.

:warning: Do not pip install anything that isn't related to your question, especially if asked to over DMs.

lapis frigate Jan 30, 2025, 6:16 AM

#

!paste

dull houndBOT Jan 30, 2025, 6:16 AM

#

Pasting large amounts of code

If your code is too long to fit in a codeblock in Discord, you can paste your code here:
https://paste.pythondiscord.com/

After pasting your code, save it by clicking the Paste! button in the bottom left, or by pressing CTRL + S. After doing that, you will be navigated to the new paste's page. Copy the URL and post it here so others can see it.

lapis frigate Jan 30, 2025, 6:16 AM

#

could you paste the entire code file and send the link please?

#

and also you mention a qss file, im not sure what i should name that

quick tapir Jan 30, 2025, 6:18 AM

#

let me explain qss is like css but for pyside6

#

hold on im getting all the info together so i can explain it fully

tight hatch Jan 30, 2025, 6:20 AM

#

The highlight is precisely 125 pixels wide

lapis frigate Jan 30, 2025, 6:21 AM

#

its 167 on my screen

quick tapir Jan 30, 2025, 6:22 AM

#

ok im sending over some more images too.

tight hatch Jan 30, 2025, 6:22 AM

#

Okay, fine, the button and menu are 320 raw px (160 non-retina), the highlight is 250 (125 non retina)

quick tapir Jan 30, 2025, 6:23 AM

#

i will send code for this and code for the first image i was able to isolate the issue somehow and get the bar to fully expand

tight hatch Jan 30, 2025, 6:23 AM

#

interesting

#

What is that odd background behavior here?

#

austere abyss Jan 30, 2025, 6:24 AM

#

can i just take a moment to let you all know that i love you very much

tight hatch Jan 30, 2025, 6:24 AM

#

this looks like overlapped elements

quick tapir Jan 30, 2025, 6:25 AM

#

thats what im trying to figure out too im trying to send the code but its too long so i need to split it

tight hatch Jan 30, 2025, 6:25 AM

#

missing border radius on the selected block if it's the first item?

lapis frigate Jan 30, 2025, 6:25 AM

#

use the pastebin

#

!paste

dull houndBOT Jan 30, 2025, 6:25 AM

#

Pasting large amounts of code

If your code is too long to fit in a codeblock in Discord, you can paste your code here:
https://paste.pythondiscord.com/

After pasting your code, save it by clicking the Paste! button in the bottom left, or by pressing CTRL + S. After doing that, you will be navigated to the new paste's page. Copy the URL and post it here so others can see it.

tight hatch Jan 30, 2025, 6:25 AM

#

Weird behavior though, css doesn't do that in browsers

quick tapir Jan 30, 2025, 6:25 AM

#

oh snap soo helpful i love you

#

this is a desktop application

#

ok heres first code https://paste.pythondiscord.com/Z3VQ

#

this code is the green dropdown i have more to send one second

#

https://paste.pythondiscord.com/SJMA

#

this is the style for the dropdown

lapis frigate Jan 30, 2025, 6:31 AM

#

ok i can see it on my end now

quick tapir Jan 30, 2025, 6:31 AM

#

https://paste.pythondiscord.com/V6FA

#

this is the pytton code for the button i'm trying to fix

tight hatch Jan 30, 2025, 6:32 AM

#

the styelsheet didn't paste right?

#

I just see the python again...

quick tapir Jan 30, 2025, 6:32 AM

#

this is the qss style for the button im trying to fix https://paste.pythondiscord.com/X5RA

lapis frigate Jan 30, 2025, 6:33 AM

#

ok this looks like a stylesheet issue

#

give me a moment to make sense of it

quick tapir Jan 30, 2025, 6:34 AM

#

https://paste.pythondiscord.com/QCLQ

#

there you go i sent over the python for each dropdown menu then the qss stylesheet for both menus. now my issue is i cant seem to get the bar to fully stretch

#

also i just want to express how appreciative i am for people stopping what there doing to help me out you have no idea how much that means to me

lapis frigate Jan 30, 2025, 6:37 AM

#

your issue is the width: 100%. if i set it to width: 160px it looks fine

#

so i think its because the container isnt automatically growing either

#

the background not having border-radius applied is another issue...

quick tapir Jan 30, 2025, 6:37 AM

#

so thats all i need to do then set it to 160?

tight hatch Jan 30, 2025, 6:37 AM

#

Smells like there's a layer that's missing

#

what is a qmenu composed of

lapis frigate Jan 30, 2025, 6:38 AM

#

i think the layout (QVBoxLayout) is missing style

quick tapir Jan 30, 2025, 6:39 AM

#

hold on let me see if this works

lapis frigate Jan 30, 2025, 6:40 AM

#

this makes me wish there was some kind of "inspect element" tool for this

quick tapir Jan 30, 2025, 6:43 AM

#

sending the code for just the sidebar area one second

lapis frigate Jan 30, 2025, 6:43 AM

#

hm so i get this now

#

what is the structure of the elements here?

#

QWidget -> QVBoxLayout -> QMenu / QPushButton?

quick tapir Jan 30, 2025, 6:44 AM

#

https://paste.pythondiscord.com/34KA

#

this is entire sidebar

#

https://paste.pythondiscord.com/3EIQ this is the qss stylesheet for said sidebar

#

heres the structure of the elements in the sidebar section

QWidget (sidebar)
QVBoxLayout (sidebar_layout)
QWidget (sidebar_top_bar)
QHBoxLayout (sidebar_top_bar_layout)
QLabel (sidebar_label)
QSpacerItem (8px spacer)
QHBoxLayout (button_layout)
QPushButton (sidebar_button_1)
QSpacerItem (4px spacer)
QHBoxLayout (button_layout_2)
QPushButton (sidebar_button_2)
QSpacerItem (4px spacer)
QHBoxLayout (button_layout_3)
QPushButton (sidebar_dropdown_button)
QMenu (dropdown_menu)
QAction (for each frequency)
QSpacerItem (stretch)

lapis frigate Jan 30, 2025, 6:50 AM

#

https://doc.qt.io/qt-6/stylesheet-reference.html#width this might be important

#

Warning: Unless otherwise specified, this property has no effect when set on widgets. If you want a widget with a fixed width, set the min-width and max-width to the same value.

quick tapir Jan 30, 2025, 6:50 AM

#

i will look at that

lapis frigate Jan 30, 2025, 6:51 AM

#

aha, getting better results already

#

quick tapir Jan 30, 2025, 6:51 AM

#

what are you doing im over here pulling my hair out

lapis frigate Jan 30, 2025, 6:51 AM

#

one second let me figure out how to fix the button width

quick tapir Jan 30, 2025, 6:52 AM

#

okay i really really appreciate you

lapis frigate Jan 30, 2025, 6:56 AM

#

look about right?

#

here is the qss


QPushButton {
    padding: 6px 12px;
    min-width: 160px; /* Set min and max width to desired size */
    max-width: 160px;
}

QMenu {
    background-color: #333333;
    border: 1px solid #555555;
    color: white;
    font-family: "Segoe UI";
    font-size: 10pt;
    border-radius: 4px;
    margin: 0;  /* Remove any margin around the menu */
    padding: 0;  /* Ensure no internal padding in the menu */
}

QMenu::item {
    padding: 6px 12px;  /* Ensuring consistent padding */
    border-radius: 4px;
    background-color: transparent;
    font-weight: normal;
    min-width: 160px;  /* Set min and max width to match button */
    max-width: 160px;
}

QMenu::item:selected {
    background-color: #5A9CF0;
    color: #ffffff;
}

#

i also removed the setFixedSize and setFixedWidth calls from the python code

#

basically the solution is min and max width

quick tapir Jan 30, 2025, 6:57 AM

#

wow let me see

lapis frigate Jan 30, 2025, 6:57 AM

#

since width itself seems to do nothing

quick tapir Jan 30, 2025, 6:58 AM

#

i understand what you mean

#

i just don't understand what's going on. it didn't fix it

#

it looks better rounded though

#

not blaiming you im just llike wtf in general

lapis frigate Jan 30, 2025, 7:01 AM

#

im guessing that using setFixedWidth will override the width for that widget, but it wont affect any child elements width that depend on it

quick tapir Jan 30, 2025, 7:02 AM

#

humm

lapis frigate Jan 30, 2025, 7:02 AM

#

looks like setting the width on the QMenu and using 100% on the items doesnt work either

#

so set min-width and max-width to 160px on the items themselves

quick tapir Jan 30, 2025, 7:03 AM

#

nope but i sent over some testing code earlier that has the thing working for some reason

lapis frigate Jan 30, 2025, 7:04 AM

#

let me catch up. can you send your current code and qss?

lapis frigate Jan 30, 2025, 7:04 AM

#

quick tapir it looks better rounded though

that produces this result

quick tapir Jan 30, 2025, 7:05 AM

#

https://paste.pythondiscord.com/Z3VQ app.py and qss https://paste.pythondiscord.com/3EIQ

#

this is the test code that's green i can send my code right now hold on

#

https://paste.pythondiscord.com/H3HQ

#

that's the sidebar app.py

lapis frigate Jan 30, 2025, 7:08 AM

#

its missing imports and things. can you send the entire file as a paste?

quick tapir Jan 30, 2025, 7:09 AM

#

yep one moment

#

sorry got tied up

#

https://paste.pythondiscord.com/KVOQ this is the full app window and sidebar

#

https://paste.pythondiscord.com/DCMQ

#

that is the qss stylesheet

#

https://paste.pythondiscord.com/GQOA

dull houndBOT Jan 30, 2025, 7:48 AM

#

Python help channel closed using Discord native close action

This help channel has been closed. Feel free to create a new post in #1035199133436354600. To maximize your chances of getting a response, check out this guide on asking good questions.

#🔒 need help with fixing my dropdown menu