Clever Geek Handbook

Dart / Polygon - Using paper tabs in the kernel toolbar

I am trying to use paper tabs inside the main toolbar. The code for the tabs works outside of the toolbar, but I want it to be at the top of the application. Can this be done?

This only shows the toolbar, doesn't show the tabs

<core-toolbar>
<paper-tabs selected="0">
<paper-tab>TAB 1</paper-tab>
<paper-tab>TAB 2</paper-tab>
<paper-tab>TAB 3</paper-tab>
</paper-tabs>
</core-toolbar>

But if I put

<core-toolbar>
<paper-tabs selected="0">
<paper-tab>TAB 1</paper-tab>
<paper-tab>TAB 2</paper-tab>
<paper-tab>TAB 3</paper-tab>
</paper-tabs>
</core-toolbar>
<paper-tabs selected="0">
<paper-tab>TAB 1</paper-tab>
<paper-tab>TAB 2</paper-tab>
<paper-tab>TAB 3</paper-tab>
</paper-tabs>

then it shows tabs below the toolbar and does not display tabs in the toolbar.

Here's a screenshot: https://drive.google.com/file/d/0B7Hf9K5d9C3TNEltTmg5RWVFY2M/edit?usp=sharing

Any help would be awesome! Thank!

+3


source to share


1 answer


You must set a specific width to display the tabs.

Add CSS like



* /deep/ paper-tabs, 
* paper-tabs /* for browsers without native shadowDOM support */
{
  width: 200px;
}

on the page and the tabs appear.

+3


source






More articles:


All Articles