how to debug layout issue

[asagarshinde]

I am trying to layout a column when a specific tab is selected but it shows nothing.

def main(page: Page):
    t = Tabs(
        selected_index=1,
        animation_duration=300,
        expand=True,
        tabs=[
            Tab(
                text="Kafka",
                content=KafkaPanel()
            ),
            Tab(
                text="Cassandra",
                content=Container(
                    content=Text("This is Cassandra Tab."),
                    alignment=alignment.center
                )
            ),
            Tab(
                text="Elasticsearch",
                content=Container(
                    content=Text("This is Elasticsearch Tab."),
                    alignment=alignment.center
                )
            ),
            Tab(
                text="Janusgraph",
                content=Container(
                    content=Text("This is Janusgraph Tab."),
                    alignment=alignment.center
                )
            )
        ]
    )
    # t = KafkaPanel()
    page.add(t)

class KafkaPanel(UserControl):
    def __init__(self):
        super().__init__()
        self.commands = ["groups", "topics", "logs"]
 
   def get_panel_items(self):
        panel_items = []
        for item in self.commands:
            panel_items.append(
                Container(
                    content=ElevatedButton(
                        color=colors.WHITE,
                        content=Text(item)
                    )
                )
            )
        return panel_items

    def build(self):
        print(self.get_panel_items())
        return Column(
            controls=self.get_panel_items()
        )

[tekashifuta]

flet.app(target=main)

[FeodorFitsner]

Could you paste entire program please?

[asagarshinde]

below is complete code

import flet
from flet import Tabs, Tab, Page, Container, Text, alignment, UserControl, Column, ElevatedButton, colors


def main(page: Page):
    t = Tabs(
        selected_index=1,
        animation_duration=300,
        expand=True,
        tabs=[
            Tab(
                text="Kafka",
                content=KafkaPanel()
            ),
            Tab(
                text="Cassandra",
                content=Container(
                    content=Text("This is Cassandra Tab."),
                    alignment=alignment.center
                )
            ),
            Tab(
                text="Elasticsearch",
                content=Container(
                    content=Text("This is Elasticsearch Tab."),
                    alignment=alignment.center
                )
            ),
            Tab(
                text="Janusgraph",
                content=Container(
                    content=Text("This is Janus graph Tab."),
                    alignment=alignment.center
                )
            )
        ]
    )
    # t = KafkaPanel()
    page.add(t)
    page.update()


class KafkaPanel(UserControl):
    def __init__(self):
        super().__init__()
        self.commands = ["groups", "topics", "logs"]

    def get_panel_items(self):
        panel_items = []
        for item in self.commands:
            panel_items.append(
                Container(
                    content=ElevatedButton(
                        color=colors.WHITE,
                        content=Text(item)
                    )
                )
            )
        return panel_items

    def build(self):
        print(self.get_panel_items())
        return Column(
            controls=[
                Container(
                    content=ElevatedButton(
                        color=colors.WHITE,
                        content=Text("1")
                    )
                )
            ]
        )

flet.app(target=main)

[FeodorFitsner]

Thanks!

It worked for me. Please update flet module to the latest version and let me know if that fixes the issue:

pip install flet --upgrade

[asagarshinde]

yes, it is working after the upgrade, Thanks!