How can i remove the arrows from menu items in the toolbar? Thanks for any help.
Anybody try to do this? I just don’t like how much space the take up. I have a large number of menu buttons.
most of the time, when something in the xojo web framework you don’t like, it’s easier to make your own using websdk. it’s quite easy for simple controls.
On the web, it is as far as using Javascript to modify the DOM. If you are familiar with that language, of course.
The example code in the documentation doesn’t work copy and paste, and there doesn’t appear to be an easy visual editor for building a toolbar.
Why don’t you post an example project, and we’ll see if we can modify it for you to hide the arrow.
well still waiting for it. one year for now…
Do you by chance have any simple examples I can look at? The examples in xojo are not helping me much.
I used the examples in the Extra/websdk folder. combining the callback with the sdk examples, using a visual ui control is all you need. and some html/javascript on how to implement the menu you want on the browser side.
I looked at the HTML code in the DOM. It is apparently not possible to remove the arrow with JavaScript.
Another, pure Xojo solution would be to replace the drop down by a simple button, and display the list within a listbox.
You can add this to App.HTMLHeader if you want to remove all toolbar dropdown arrows from your app:
<style>
.dropdown-toggle::after {display:none}
</style>
To do this for select toolbars in your project, add this to App.HTMLHeader:
<style>
.no-dropdown-arrow .dropdown-toggle::after {display:none}
</style>
Then put this in the toolbars’ Shown event(s):
ExecuteJavaScript( "$('#" + me.ControlID + "').addClass('no-dropdown-arrow');" )
3 Likes
Thank you Anthony. I learned something today 
1 Like
Well done. That’s what I call proper MVP business. 
Works perfect. There just needs to be a target on forums call ‘Ask the Graffiti Guru’. Thats all I need. Thank you!
2 Likes