search

Freeboard / freeboard

A damn-sexy, open source real-time dashboard builder for IOT and other web mashups. A free open-source alternative to Geckoboard.
http://freeboard.io
MIT License
6.45k stars 1.2k forks source link

HTML Widget display overflow #271

Open bernietai opened 3 years ago

bernietai commented 3 years ago

HTML Widget does not enable scrolling for overflowing content.

aderici commented 3 years ago

hi @bernietai . I guess in dashboards like this it may not make sense to rely on in-widget scrolling even if the widget supports this. First of all this is intended for tv right? who is going to scroll that?

I'd suggest either modify the widget interior to auto fit the container or some js to auto scroll contents periodically to give tv viewers some chance to catch.

Would you like to share more details on your use case?

bernietai commented 3 years ago

See example - HTML content is cut-off at the bottom - it makes sense to automatically make content scrollable if content exceed HTML widget height. 👇

IMG_0048

There are use cases that involve browser and scrolling. I'm using it as a dashboard on ipad and ocassionally scroll up or down

aderici commented 3 years ago

I see, can i assume you are using the online version thats provided on freeboard.io?

Here's a little thing that should help you. Have you seen the "Developer Console" on the admin menu on top?

image

Click there and add the following url. After clicking ok you should now have a new widget called HTML Scrollable and that should do the trick.

https://gistcdn.githack.com/aderici/b4e0f560c440dbcce02a5c5f423fe81f/raw/freeboard_widget_html_scrollable.js

Hope this helps,

bernietai commented 3 years ago

I'm using the open source setup locally for testing. So, not using the online version.

Thank you for the JS. will check out your version of the HTML widget