Giter Club home page Giter Club logo

Comments (4)

aderici avatar aderici commented on June 26, 2024 2

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,

from freeboard.

aderici avatar aderici commented on June 26, 2024

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?

from freeboard.

bernietai avatar bernietai commented on June 26, 2024

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

from freeboard.

bernietai avatar bernietai commented on June 26, 2024

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

from freeboard.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.