Retrive object width and height in pixel

[AnnMarieW]

@davidpsq

You might find these two posts helpful as well:

Dash Breakpoints component

Hi all, I just published a new dash_breakpoints component on pypi. It allows to create DOM breakpoints (width and height) that trigger callbacks when they are crossed. The main use case is to change the content of the app based on screen sizes, when css only does not cut it. My use case was the following: I have a layout with a topbar and a sidebar, but I want that on a small screen, all the content of the topbar and sidebar is rendered in a drawer instead, while keeping the same component ids …

Sidebar with icons - expands on hover (and other cool sidebars)

@IvanLiu Ah, my bad, realizing the topic header says “expands on hover” lol. My solution expands on window resize, not hover. As for the container, I created a container that had a margin-left equal to the width of the sidebar. app.layout = dmc.MantineProvider( theme={ 'fontFamily': '"Inter", sans-serif' }, withGlobalStyles=True, withNormalizeCSS=True, children=[ dcc.Location(id='url', refresh=False), dmc.Notification…