Solara•2mo ago

ipyaggrid switch between light and dark mode

I've not been able to figure out how to get the ipyaggrid to switch between light and dark mode without a screen refresh. Attached is an example. If I have the Tabs on lazy mode it will force a re-render. https://py.cafe/wyvnthewolf/solara-aggrid-dark-mode-toggle Any insight would be appreciated.

PyCafe - Solara - Solara with AG Grid Example

Create & Share Streamlit, Dash and Python Apps Online.

9 Replies

MaartenBreddels•2mo ago

    el = Grid.element(
        grid_data=grid_data,
        grid_options=grid_options,
        theme=theme,
        **kwargs,
    ).key(f"theme-{theme}")

    el = Grid.element(
        grid_data=grid_data,
        grid_options=grid_options,
        theme=theme,
        **kwargs,
    ).key(f"theme-{theme}")

This is the best I can do. I think ipyaggrid does not support updating the theme. Maybe @mariobuikhuizen has a better idea.

mariobuikhuizen•2mo ago

yeah, you can use ag-theme-dark as dark theme Theme must be one of: https://github.com/widgetti/ipyaggrid/blob/f04d14ec6fe84b08e8d786e99c39208b8b19b8b9/ipyaggrid/builder_params.py#L41C1-L50C10

Monty Python•2mo ago

ipyaggrid/builder_params.py line 41

li_theme = [

li_theme = [

MaartenBreddels•2mo ago

The problem is it doesn’t dynamically update when you change it

WyvnOP•2mo ago

Correct, that's the issue. But the .key fix seems to work! Thanks

MaartenBreddels•2mo ago

It forces the recreation of the Widget, so any state of the widget not captured by a state outside the widget might get lost

WyvnOP•2mo ago

As a side question - any plans on updating the ipyaggird past version 28?

mariobuikhuizen•2mo ago

ah, no, theme isn't wired to update on change in ipyaggrid I see now. It did seem to work when I tried it on py.cafe, but that was the hot reload. Not plans yet. Anything specific you need from the newer versions?

WyvnOP•2mo ago

Better built in cell editors, grid state saving, even auto dark/light theming.

Gaming

Programming

ipyaggrid switch between light and dark mode