Tabs issue

Hi Guys,

I am trying to use Tab to create my solution. If I have two tabs, these two tabs in a same line. If I create three or four tabs, these tabs are in different lines. I post my code and screenshot below. If someone could help me out. it would be great. Thanks

tabMain = Panel(title=‘Main’, child=drillingConnectionBreakdown_layout)

tabMain.tags=[“MainTag”]

tabMain.name=“MainName”

tabActivitytypeStats = Panel(title=‘Activity type Stats’, child=right_layout)

tabActivitytypeStats.tags=[“activitytypestatsTag”]

tabActivitytypeStats.name=“ActivitytypeStatsName”

p2 = figure(plot_width=1200, plot_height=300)

p2.line([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], line_width=3, color=“navy”, alpha=0.5)

tabOverConnectionAnalysis = Panel(child=p2, title=“Over Connection Analysis”)

tabOverConnectionAnalysis.name=“OverConnectionAnalysisName”

tabOverConnectionAnalysis.tags=[“OverConnectionAnalysisTag”]

p3 = figure(plot_width=1200, plot_height=300)

p3.line([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], line_width=3, color=“navy”, alpha=0.5)

tabNovosConfigConnectionAnalysis = Panel(child=p3, title=“Novos Config Connection Analysis”)

tabNovosConfigConnectionAnalysis.name=“NovosConfigConnectionAnalysisName”

tabNovosConfigConnectionAnalysis.tags=[“NovosConfigConnectionAnalysisTag”]

tabs = Tabs(tabs=[tabMain, tabActivitytypeStats, tabOverConnectionAnalysis, tabNovosConfigConnectionAnalysis])

tabs.css_classes = [“tabsbackgroundcolorblack”]

main_layout = layout(row(menu_layout, tabs), sizing_mode=sizing_mode)

doc.add_root(main_layout)

``

this is fixed, just need to set “display: -webkit-inline-box;” in css file

···

On Monday, July 30, 2018 at 2:01:04 PM UTC-6, peng wang wrote:

Hi Guys,

I am trying to use Tab to create my solution. If I have two tabs, these two tabs in a same line. If I create three or four tabs, these tabs are in different lines. I post my code and screenshot below. If someone could help me out. it would be great. Thanks

tabMain = Panel(title=‘Main’, child=drillingConnectionBreakdown_layout)

tabMain.tags=[“MainTag”]

tabMain.name=“MainName”

tabActivitytypeStats = Panel(title=‘Activity type Stats’, child=right_layout)

tabActivitytypeStats.tags=[“activitytypestatsTag”]

tabActivitytypeStats.name=“ActivitytypeStatsName”

p2 = figure(plot_width=1200, plot_height=300)

p2.line([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], line_width=3, color=“navy”, alpha=0.5)

tabOverConnectionAnalysis = Panel(child=p2, title=“Over Connection Analysis”)

tabOverConnectionAnalysis.name=“OverConnectionAnalysisName”

tabOverConnectionAnalysis.tags=[“OverConnectionAnalysisTag”]

p3 = figure(plot_width=1200, plot_height=300)

p3.line([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], line_width=3, color=“navy”, alpha=0.5)

tabNovosConfigConnectionAnalysis = Panel(child=p3, title=“Novos Config Connection Analysis”)

tabNovosConfigConnectionAnalysis.name=“NovosConfigConnectionAnalysisName”

tabNovosConfigConnectionAnalysis.tags=[“NovosConfigConnectionAnalysisTag”]

tabs = Tabs(tabs=[tabMain, tabActivitytypeStats, tabOverConnectionAnalysis, tabNovosConfigConnectionAnalysis])

tabs.css_classes = [“tabsbackgroundcolorblack”]

main_layout = layout(row(menu_layout, tabs), sizing_mode=sizing_mode)

doc.add_root(main_layout)

``