• Skip to main content
  • Skip to primary sidebar

RNTLab.com

The Ultimate Shortcut to Learn Electronics and Programming with Open Source Hardware and Software

  • Courses
  • Forum
    • Forum
    • Ask Question
  • Shop
  • Account
  • Blog
  • Login

Node-red ui chart

Q&A Forum › Node-red ui chart
0 Vote Up Vote Down
Pierre Coatanea asked 10 years ago
6 Answers
0 Vote Up Vote Down
Pierre Coatanea answered 10 years ago

Hello Rui Thank’s for this very interesting course. Could you tell us how to enlarge the chart in UI. The standard size is rather small. Thank you

0 Vote Up Vote Down
Rui Santos Staff answered 10 years ago

Hi, I’ll take a look on that subject later tomorrow and share the solution with you. In which device would you like to increase the size? In desktop browser or mobile? Thanks!

0 Vote Up Vote Down
Pierre Coatanea answered 10 years ago

Hi, I would like to increase the size in desktop browser. Thanks

0 Vote Up Vote Down
Rui Santos Staff answered 10 years ago

First you need to drag a Template node from the UI menu. Then select the tab that has the chart and copy the following code: <style>@media screen and (min-width: 800px){.group-card { width: 500px !important;}}</style>

0 Vote Up Vote Down
Rui Santos Staff answered 10 years ago

The 500px is the size of your chart in a device that has a width of 800px or more.

0 Vote Up Vote Down
Rui Santos Staff answered 10 years ago

Here’s how the node should look: http://i.imgur.com/EoIoCc3.png

Primary Sidebar

Login to Ask or Answer Questions

This Forum is private and it’s only available for members enrolled in our Courses.

Login »

Latest Course Updates

  • [eBook Updated] Smart Home with Raspberry Pi, ESP32, and ESP8266 V1.6 September 9, 2025
  • [eBook Updated] Learn LVGL: Build GUIs for ESP32 Projects – Version 1.5 July 7, 2025

You must be logged in to view this content.

Contact Support - Refunds - Privacy - Terms - MakerAdvisor.com - Member Login

Copyright © 2013-2025 · RandomNerdTutorials.com · All Rights Reserved

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.