[{"data":1,"prerenderedAt":192},["ShallowReactive",2],{"blog-\u002Fblog\u002F2024\u002F08\u002Fdashboard-new-layout-widgets-and-gauges":3},{"id":4,"title":5,"body":6,"description":12,"extension":181,"meta":182,"navigation":187,"path":188,"seo":189,"stem":190,"__hash__":191},"blog\u002Fblog\u002F2024\u002F08\u002Fdashboard-new-layout-widgets-and-gauges.md","New Layout, Widget and Gauges Now Available in FlowFuse Dashboard",{"type":7,"value":8,"toc":169},"minimark",[9,13,18,21,24,35,39,42,50,60,64,67,72,75,83,90,94,97,105,111,115,124,127,148,152],[10,11,12],"p",{},"At FlowFuse, we're constantly evolving to make sure your dashboard experience is seamless and efficient. This month, we're excited to introduce several new features that enhance your interaction with the platform. From organizing your data with Tabs to visualizing critical information with new Gauges, we've got you covered.",[14,15,17],"h2",{"id":16},"new-layout-tabs","New Layout: Tabs",[10,19,20],{},"We know that managing multiple data sources and visualizations can get overwhelming. To streamline your workflow, we've introduced a new layout: Tabs.",[10,22,23],{},"Tabs allow you to organize your widgets into separate, easily navigable sections, reducing clutter and making it easier to focus on specific datasets. Whether you're monitoring system performance, tracking KPIs, or managing IoT devices, Tabs will help you stay organized and efficient.",[10,25,26,32],{},[27,28],"img",{"alt":29,"dataZoomable":30,"src":31},"Screenshot showing a tab layout in Dashboard","","\u002Fblog\u002F2024\u002F08\u002Fimages\u002Flayout-tab-dashboard.png",[33,34,29],"em",{},[14,36,38],{"id":37},"new-widget-number-input","New Widget: Number Input",[10,40,41],{},"Introducing the Number Input widget — a versatile addition that allows users to input numerical values directly into the dashboard. Whether you're setting thresholds, configuring parameters, or simply inputting data, this widget makes it easy to adjust values with precision. It’s ideal for use cases where user interaction with numerical data is required, such as controlling devices or updating settings in real time.",[10,43,44,48],{},[27,45],{"alt":46,"dataZoomable":30,"src":47},"Screenshot showing a number input widget with Dashboard","\u002Fblog\u002F2024\u002F08\u002Fimages\u002Fui-number-input-widget.png",[33,49,46],{},[10,51,52,53],{},"You can try the Number Input now in our ",[54,55,59],"a",{"href":56,"rel":57},"https:\u002F\u002Fdashboard-demos.flowfuse.cloud\u002Fdashboard\u002Fnumber-input",[58],"nofollow","live Dashboard running on FlowFuse",[14,61,63],{"id":62},"new-gauges","New Gauges",[10,65,66],{},"Data visualization is a cornerstone of any effective dashboard. We’re excited to introduce two new gauges designed to provide at-a-glance insights into your key metrics.",[68,69,71],"h3",{"id":70},"battery-charge","Battery Charge",[10,73,74],{},"Monitoring battery levels is crucial for applications that rely on mobile or remote devices. Our new Battery Gauge provides a clear visual representation of battery status, allowing you to quickly assess power levels and take action if necessary. It’s perfect for IoT deployments, mobile sensors, or any system where battery life is a key consideration.",[10,76,77,81],{},[27,78],{"alt":79,"dataZoomable":30,"src":80},"Screenshot showing a battery gauge with Dashboard","\u002Fblog\u002F2024\u002F08\u002Fimages\u002Fui-gauge-battery.png",[33,82,79],{},[10,84,85,86],{},"You can try the Tank Level now in our ",[54,87,59],{"href":88,"rel":89},"https:\u002F\u002Fdashboard-demos.flowfuse.cloud\u002Fdashboard\u002Fgauge#battery-charge",[58],[68,91,93],{"id":92},"tank-level","Tank Level",[10,95,96],{},"Managing fluid levels in tanks is a common requirement across industries. The new Tank Level Gauge gives you a straightforward way to monitor liquid or gas levels in real time. Whether you're tracking water in a reservoir, fuel in a tank or any other fluid. this gauge provides the precision and clarity you need to maintain operational efficiency.",[10,98,99,103],{},[27,100],{"alt":101,"dataZoomable":30,"src":102},"Screenshot showing a partially filled tank level gauge with Dashboard","\u002Fblog\u002F2024\u002F08\u002Fimages\u002Fui-gauge-tank-filled.png",[33,104,101],{},[10,106,85,107],{},[54,108,59],{"href":109,"rel":110},"https:\u002F\u002Fdashboard-demos.flowfuse.cloud\u002Fdashboard\u002Fgauge#tank-level",[58],[14,112,114],{"id":113},"what-else-is-new","What else is new?",[10,116,117,118,123],{},"You can find the full 1.15.0 Release Notes ",[54,119,122],{"href":120,"rel":121},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Freleases\u002Ftag\u002Fv1.15.0",[58],"here",".",[10,125,126],{},"Just to highlight a few, particularly valuable, updates and fixes:",[128,129,130,134,137,140],"ul",{},[131,132,133],"li",{},"UI Switch - Introduced an \"Indicator\" mode and enhanced memory handling for better performance.",[131,135,136],{},"UI Table - Added a \"Button\" column type for improved interactivity.",[131,138,139],{},"UI Button - Color customisation now available, without needing to write overriding CSS.",[131,141,142,143,147],{},"Dynamic Properties - Added dynamic property support for ",[144,145,146],"code",{},"UI-Text-Input"," widget.",[14,149,151],{"id":150},"whats-next","What's Next?",[10,153,154,155,158,159,163,164],{},"Work has already begun on the next release, ",[144,156,157],{},"1.16.0",", you can see what items we have queued up ",[54,160,122],{"href":161,"rel":162},"https:\u002F\u002Fgithub.com\u002Forgs\u002FFlowFuse\u002Fprojects\u002F15\u002Fviews\u002F1",[58],", if you've got any feedback or suggestions, please do let us know, and feel free to open new issues on our ",[54,165,168],{"href":166,"rel":167},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues",[58],"GitHub",{"title":30,"searchDepth":170,"depth":170,"links":171},2,[172,173,174,179,180],{"id":16,"depth":170,"text":17},{"id":37,"depth":170,"text":38},{"id":62,"depth":170,"text":63,"children":175},[176,178],{"id":70,"depth":177,"text":71},3,{"id":92,"depth":177,"text":93},{"id":113,"depth":170,"text":114},{"id":150,"depth":170,"text":151},"md",{"navTitle":5,"excerpt":183},{"type":7,"value":184},[185],[10,186,12],{},true,"\u002Fblog\u002F2024\u002F08\u002Fdashboard-new-layout-widgets-and-gauges",{"title":5,"description":12},"blog\u002F2024\u002F08\u002Fdashboard-new-layout-widgets-and-gauges","cxGB_tGmmrDv1tluBIWQsoBo_rbiBcwLFXLpK5OrGnA",1780070552063]