Add functions to Textual Layout

[Aby-ss]

I am trying to create a define function that would show up in one of the placeholders in the TUI. How would I do that ?

I am Using the incredible Textual Library by @willmcgugan

My Code :

from textual.app import App
from textual.reactive import Reactive
from textual.widgets import Footer, Placeholder

class SmoothApp(App):
"""Demonstrates smooth animation. Press 'b' to see it in action."""

async def on_load(self) -> None:
    """Bind keys here."""
    await self.bind("b", "toggle_sidebar", "Toggle sidebar")
    await self.bind("q", "quit", "Quit")

show_bar = Reactive(False)

def watch_show_bar(self, show_bar: bool) -> None:
    """Called when show_bar changes."""
    self.bar.animate("layout_offset_x", 0 if show_bar else -40)

def action_toggle_sidebar(self) -> None:
    """Called when user hits 'b' key."""
    self.show_bar = not self.show_bar

async def on_mount(self) -> None:
    """Build layout here."""
    footer = Footer()
    self.bar = Placeholder(name="left")

    await self.view.dock(footer, edge="bottom")
    await self.view.dock(Placeholder(), Placeholder(), edge="top")
    await self.view.dock(self.bar, edge="left", size=40, z=1)

    self.bar.layout_offset_x = -40

    # self.set_timer(10, lambda: self.action("quit"))

SmoothApp.run(log="textual.log", log_verbosity=2)

[davep]

Hi! I'm not quite sure what it is you're asking here, could you perhaps try explaining a slightly different way what it is you're trying to do and what's not working for you?

Also, you may want to note that there's a whole new version of Textual being released next Monday (2022-10-24) with lots of new stuff in it.

[Aby-ss]

Like in rich layout, you can update or add function to a layout box or widget, how could I do that in textual ??