Quantcast
Channel: 🎛️ Dash - Plotly Community Forum
Viewing all articles
Browse latest Browse all 6271

Vertical tabs-How to display graph next to tabs

$
0
0

i have try this code but it seems the graph no show properly

app.layout = html.Div(
    [
html.Div([
    dcc.Tabs(id='tabs', value='tab-1', children=[
        dcc.Tab(label='Dashboard', value='tab-1'),
        dcc.Tab(label='Usage', value='tab-2'),
        dcc.Tab(label='Power Monitor', value='tab-3'),
    ], vertical=True,parent_style={'float': 'left'}),
        html.Div(id='tabs-example-content', style={'float': 'left', 'width': '400'})
    ])
])

@app.callback(Output('tabs-example-content','children'),
              [Input('tabs', 'value')])
def render_content(tab):
    if tab == 'tab-1':
        return tab1.layout
    elif tab == 'tab-2':
        return tab2.layout
    elif tab == 'tab-3':
        return tab3.layout

4 posts - 2 participants

Read full topic


Viewing all articles
Browse latest Browse all 6271

Trending Articles