How to style WebPopupMenu menu?

Christian_Schmitz · August 22, 2025, 10:28am

Hello,

I modify the WebStyle for a WebPopupMenu to give it a specific look.
How to style the menu, that opens?
I don’t see a MenuStyle property or so.

AlbertoD · August 22, 2025, 1:19pm

I don’t think there is an option (yet) in Xojo for that.
You can ask for a Feature for that.
You may need to use JS/CSS to change it in the mean time.
(I hope I’m wrong)

AlbertoD · August 24, 2025, 4:40am

Do you still need help with this?
What do you want to do? Smaller font?

Christian_Schmitz · August 24, 2025, 5:41am

Yes, smaller font. So it matches more the font that the client prefers.

Thomas_Kaltschmidt · August 24, 2025, 9:52am

You may can add some CSS-Styles to the HTML-Header of the App. I’m not sure, if using the selector-class “dropdown-item” has any other side effects.

<style>
.dropdown-item {
  font-size: 10px;
}
</style>

AlbertoD · August 24, 2025, 1:29pm

This works:

<style>
.dropdown-menu {
	--bs-dropdown-font-size: 0.8rem;
}
</style>

in App HTML Header. The default is 1 rem.
You may want to change the padding y too.