How to hide the menu such as "FILE" "ADD"?

[billzt]

We built a JBrowse page that can be visited worldwide, however we do not want to show the menu such as "FILE" "ADD"

What should I do? Thank you!

[cmdcolin]

Currently there is no way to do this easily, but you could write a plugin that calls the "setMenus" function to be empty or just removes the File menu on the rootModel

See

jbrowse-components/products/jbrowse-web/src/rootModel.ts

Lines 637 to 639 in 0cdf343

	setMenus(newMenus: Menu[]) {
	self.menus = newMenus
	},

[MorganHis]

your any suggestions will be highly appreciated！

[adampowell1astrazeneca]

@cmdcolin

I noticed this is done on the Vite demo app: https://jbrowse.org/demos/lgv-vite/

How is it done there? I can't seem to work it out. It just seems to be using the npm version of jbrowse.

[cmdcolin]

@adampowell1astrazeneca that is a demo of the @jbrowse/react-linear-genome-view component, so it is just a single 'linear genome view' component that we turned into a npm installable package. it doesn't have any "top level menubar" with File/Add/etc. but it does have a "hamburger menu" which I refer to as the "view menu".

screenshot of the view menu on @jbrowse/react-linear-genome-view

there is also https://jbrowse.org/demos/app-vite/ which is a npm version of the "full jbrowse web app" that does have the top level menu with File/Add/etc.

let me know if i can advise further, here are some links though

https://jbrowse.org/jb2/docs/embedded_components/
https://jbrowse.org/storybook/lgv/main/?path=/docs/getting-started--docs
https://www.npmjs.com/package/@jbrowse/react-linear-genome-view

[cmdcolin]

didn't mention it above but there is also the version of jbrowse that you get from e.g. our quickstart guide with the "jbrowse create" command. that gives you just a pre-built zip file, not an npm package.

[adampowell1astrazeneca]

That's great. Thanks.

But yes, currently using the jbrowse create version and was looking how best to configure it. Looks like switching to @jbrowse/react-linear-genome-view is the way to do it!

[MorganHis]

Has your problem been solved? I have the same needs and haven't figured out how to implement it. I use it in vue and want to hide the 'FILE' and 'ADD' buttons in the menu. It would be appreciated if you can provide solutions. gratitude.

[cmdcolin]

@MorganHis just catching up with this as I saw your new issue report. if you have a particular behavior you want to see with the menu (e.g. hide completely) can you make a new github issue to describe? thanks