Use of Tab menu #449
-
Hi all! First of all, I'm pretty new in trame. I've just discovered it last week and it looks amazing. I would like to make a gui with a tabbed menu. In this gui, I would like to display different content depending on the tab selected. I have looked at different examples and found the router example (link) which I think is very close to what I am looking for. However, I am not able to get the result I would like as I cannot display the widgets below the tabs. Here is the code:
I am sure this is easy to fix, but I am not able to find the key to solve it. Thank you very much in advanced, any help would be aprecciated! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
You are just missing the part where you need to place where to place the router content. with VAppLayout(server) as layout:
with vuetify.VTabs(centered=True, value="tab", grow=True, to="/uno"):
with vuetify.VTab(value="uno", tag="uno"): #, to="/uno"
vuetify.VCardText("Tab n1")
with vuetify.VTab(value="dos", tag="dos", tab_value="dos", to="/dos"):
vuetify.VCardText("Tab n2")
with vuetify.VTab(to="/tres"):
vuetify.VCardText("Tab n3")
with vuetify.VContainer():
router.RouterView() |
Beta Was this translation helpful? Give feedback.
You are just missing the part where you need to place where to place the router content.
Keep the top as you had.