About TabbedContent layout

[Yurii-huang]

Why TabPane is not shown?
It makes one wonder

from typing import Type
from textual._path import CSSPathType
from textual.app import CSSPathType, ComposeResult,App
from textual.driver import Driver
from textual.widgets import TabbedContent, TabPane, Markdown, ListView


LETO = """
# Duke Leto I Atreides

Head of House Atreides.
"""

JESSICA = """
# Lady Jessica

Bene Gesserit and concubine of Leto, and mother of Paul and Alia.
"""

PAUL = """
# Paul Atreides

Son of Leto and Jessica.
"""

class Network(TabbedContent):
 
    def __init__(self):
        super().__init__(id="Network")

    def compose(self) -> ComposeResult:
        with TabPane("LETO"):
            yield Markdown(LETO)
        with TabPane("JESSICA"):
            yield Markdown(JESSICA)
        with TabPane("PAUL"):
            yield Markdown(PAUL)

class myApp(App):
    def compose(self) -> ComposeResult:
        yield Network()
        
if __name__ == "__main__":
    app = myApp()
    app.run() 

[davep]

You are inheriting from TabbedContent and overriding its compose method; as such TabbedContent isn't getting to do any of the work it needs to do to compose the tabs, etc. The design of TabbedContent means it can't be treated as a simple container.

[Yurii-huang]

result is same for call parent(TabbedContent) after/befor,

        return TabbedContent.compose(self)

How can I make a normal display tabpane？

[davep]

To start with, you could do what you're trying to do like this:

from textual.app import ComposeResult, App
from textual.widgets import TabbedContent, TabPane, Markdown

LETO = """
# Duke Leto I Atreides

Head of House Atreides.
"""

JESSICA = """
# Lady Jessica

Bene Gesserit and concubine of Leto, and mother of Paul and Alia.
"""

PAUL = """
# Paul Atreides

Son of Leto and Jessica.
"""

class myApp(App):
    def compose(self) -> ComposeResult:
        with TabbedContent(id="Network"):
            with TabPane("LETO"):
                yield Markdown(LETO)
            with TabPane("JESSICA"):
                yield Markdown(JESSICA)
            with TabPane("PAUL"):
                yield Markdown(PAUL)

if __name__ == "__main__":
    app = myApp()
    app.run()

[Yurii-huang]

U are right