Hi, for some reason I need to know the size in pixel of a container. Is there any way to get the actual size of a html.Div container with a clientside or serverside callback? I can see those props in the browser inspection but in dash I cannot acces to them. Can someone setup a simple example? H…

@davidpsq , You can perform javascript via a clientside_callback and either return the values in the callback, or just have the values sent to the console with console.log. The javascript in the stackoverflow should work, just pass it the id of the element that you want to know.

Sorry, my understanding of JS is poor. I written this code but it does not work: var myDiv = document.getElementById(“myDiv”); myDiv.Height;

Associate this with a button in your layout, this is just an example to give you the height and width of the div in an alert box. import dash from dash import html, dcc, Input, State, Output, ctx app = dash.Dash() app.layout = html.Div([html.Div(id='myDiv', children="hello there"), …

@jinnyzor Interesting! thank you very much. btw it does work in Chrome but not in Firefox. Is there any way to trigger the callback using the changing size of the Div (for example resizing the browser)?

@davidpsq , You might benefit from this: [image] EventListener @AnnMarieW , thanks for sharing this with me. :slight_smile:

@davidpsq You might find these two posts helpful as well: [image] Dash Breakpoints component Dash Python 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 crosse…

Yes this code is working . Thanks

Finally i used it and the issue solved for the website i was working.

Retrive object width and height in pixel

Dash Python

AnnMarieW October 5, 2022, 7:38pm 7

@davidpsq

You might find these two posts helpful as well:

Topic		Replies	Views
React get Screen Size Dash Python	11	8719	March 9, 2023
Height and width of an html div Dash Python question	6	2492	February 8, 2024
Detect browser window size Dash Python question	2	1542	December 10, 2023
Python: is it possible to retrieve screen size Dash Python	3	2464	March 9, 2023
Get window width in dash callback Dash Python	0	549	May 7, 2019

Retrive object width and height in pixel

Related topics