how can I set the tracks select box on the right？

[Jasonzzzzzzzzzzzzzz]

I just want to set the select box on the right like this exmaple picture.
I think the code should like this:
"widgets": {
"hierarchicalTrackSelector": {
"id": "hierarchicalTrackSelector",
"type": "HierarchicalTrackSelectorWidget",
"initialized": true,
"collapsed": {},
"view": "4xxiBnXPL"
}
},
"activeWidgets": {
"hierarchicalTrackSelector": "hierarchicalTrackSelector"
},

however, it doesn't work.

[cmdcolin]

can you clarify what you mean by "set the tracks select box"? is it that you want to create your own custom track selector?

[Jasonzzzzzzzzzzzzzz]

I try the tutorial and create a demo like this:

In this demo, I have to click the button to open the track selector. I want the selector to default to the right, just like the first picture.

[cmdcolin]

currently the @jbrowse/react-linear-genome-view (which I think your screenshot shows) does not allow docking the track selector on the right hand drawer. the track selector is shown in a modal popup. I have considered that we could add ability for the embedded to show track selector as a drawer widget though. the @jbrowse/react-app actually allows using the drawer widget. see https://jbrowse.org/storybook/app/main/ for the @jbrowse/react-app demos

you can make a defaultSession with the track selector open, or programmatically use e.g. viewModel.session.views[0].activateTrackSelector() or something like this

[Jasonzzzzzzzzzzzzzz]

Got it! It's really helpful. Thanks!