Using Tab Container inside a Coordinate Container

image

Could someone help me finding the way to set which view will be shown through the tabs?

While creating a Tab Conteiner View appears the advice "Drag a component into the container". However, when I try to insert the Tab on a Coordinate Container, it doesn't show up this property.

Is this what you want?

Tab select

To embed a view in a tab:

  • Drop an embedded view into the tab.
  • Select the embedded view component and set props.path to the view you want to display.

Not exactly, on your example you're directly using a Tab Conteiner View, aren't you?

But I've already got what I needed. I think that we can't just drag a tab conteiner from perspective components and use it normally. We need to create a Tab Conteiner View and insert that view on the coordenate one.

Anyway, I apologize your attention.

No. My example used the tab component inside a coordinate view. You can do this if it suits your applicatioin.

My way:

  • Coordinate view
    • Tab component
      • Tab 1: Embedded view 1
      • Tab 2: Embedded view 2

Your way has an extra level:

  • Coordinate view
    • Embedded view
      • Tab view
        • Tab 1: Embedded view 1
        • Tab 2: Embedded view 2

The likely missed point was to check what component is deep selected. The tab container needs to be deep selected before you can drag embedded views into its tabs, then you should see text within the tab content area saying something like 'drag view onto here'

4 Likes