WebToolbar - Alignment of Menuitem Text

Targets Web
1

Hi forum
In a webapp I create a menu for the user on top right. I add some menuitems with texts. when the user clicks on it, the menu appears. that works fine. but the text of the menuitems displayed alignment left and disappers at the end of the browser window:

grafik
grafik415×200 8.06 KB

// Menu Button
btn = New WebToolbarButton
btn.Style = WebToolbarButton.ButtonStyles.Menu
btn.Caption = "Menu"
btn.Tag = "menu"
btn.Icon = icons8menu64


btn.Menu.AddMenuItem(New WebMenuItem("Mein Profil", "profile"))
btn.menu.AddSeparator
btn.Menu.AddMenuItem(New WebMenuItem("Meine Veranstaltungen", "events"))
Self.AddItem(btn)

How can I change that, for example to alignment right? Or is there a better way?
Thanks
Daniel

2

What version of Xojo are you using?
Do you change the code in any way (CSS, JavaScript)?
What browser are you using?

I fired up Xojo2026r1.2, loaded WebToolbar example, using Chrome, changed the right menu code to:

// Menu Button
btn = New WebToolbarButton
btn.Style = WebToolbarButton.ButtonStyles.Menu
btn.Caption = "Menu"
btn.Tag = "menu"
btn.Icon = star

btn.Menu.AddMenuItem(New WebMenuItem("Mein Profil", "profile"))
btn.menu.AddSeparator
btn.Menu.AddMenuItem(New WebMenuItem("Meine Veranstaltungen", "events"))
Self.AddItem(btn)

and get this:

image
image437×186 7.22 KB

not sure what is the difference with your project.

Edit: tested locally in Safari and Firefox, it looks the same as the screenshot above

3

I’m using Xojo 2024R4 under Linux Mint, Browser is Firefox 150 also under Linux Mint, no CSS or JS. I tested also under Win 11 with Firefox 150 and Edge 147.

Daniel

4

Maybe something was changed/fixed since then. You can test 2026r1.2 if you want.

I don’t have 2024r4 installed to test and look for workarounds. I hope someone else can give you some tips for that version. Sorry.

5

I’ve tested now under Xojo2026r1.2 mit Linux Mint and FireFox and here it works.