# How to modifiy an existing Widget (e.g. Color)

**URL:** <https://community.cumulocity.com/t/how-to-modifiy-an-existing-widget-e-g-color/4244>\
**Category:** Forum\
**Tags:** cumulocity\
**Created:** [January 7, 2021, 2:16pm UTC](https://community.cumulocity.com/t/how-to-modifiy-an-existing-widget-e-g-color/4244 "2021-01-07T14:16:39Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![edbal002](https://avatars.discourse-cdn.com/v4/letter/e/5fc32e/32.png) [@edbal002](https://community.cumulocity.com/u/edbal002)\
**Post date:** [January 7, 2021, 2:16pm UTC](https://community.cumulocity.com/t/how-to-modifiy-an-existing-widget-e-g-color/4244/1 "2021-01-07T14:16:39Z")

</div>

I am using gauge-style widget to display data.

In my case this is the water-level.

The existing gauge only supports two colors red and orange. But green would be very nice.

My two questions are:

1. How to add a color to the widget ?
2. How to assign a value-range to color?

 ![2021-01-07_15h13_28](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/2X/5/5b9048d517a1c76f3a065606972ea7d087cec154.png)

I added a picture to make it more clear what I want to do.

Regards,  
Edward

---

<div class="post-metadata">

**Author:** ![mstoffel](https://avatars.discourse-cdn.com/v4/letter/m/82dd89/32.png) [@mstoffel](https://community.cumulocity.com/u/mstoffel)\
**Post date:** [January 7, 2021, 5:13pm UTC](https://community.cumulocity.com/t/how-to-modifiy-an-existing-widget-e-g-color/4244/2 "2021-01-07T17:13:16Z")

</div>

Hi Edward,

welcome to the community!

Sorry to say that, but that’s all this Widget can actually do.

But you can use the Cumulocity App Builder which is an open source project on GitHub to include runtime widget:

> **[GitHub - Cumulocity-IoT/cumulocity-app-builder: The Application Builder for Cumulocity provides a...](https://github.com/Cumulocity-IoT/cumulocity-app-builder)**
>
> The Application Builder for Cumulocity provides a simple, coding-free way to create new applications inside Cumulocity. Application Builder is an open-source tool for you to create web applications in a no-code environment. Created by Global Presales.

find a lots of runtime widget here:

> **[Cumulocity IoT](https://github.com/Cumulocity-IoT?q=widget%2Bruntime)**
>
> Cumulocity IOT. Cumulocity IoT has 261 repositories available. Follow their code on GitHub.

Especially that one could be interesting for you:

> **[GitHub - Cumulocity-IoT/cumulocity-silo-capacity-widget: Displays a configurable silo capacity graphic with...](https://github.com/Cumulocity-IoT/cumulocity-silo-capacity-widget)**
>
> Displays a configurable silo capacity graphic with fill levels, foreground image overlay, optional background image and colorized thresholds. Developed by Global Presales.

Kind Regards,

Marco

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/system/32/31990_2.png) [@system](https://community.cumulocity.com/u/system)\
**Post date:** [April 7, 2021, 5:13pm UTC](https://community.cumulocity.com/t/how-to-modifiy-an-existing-widget-e-g-color/4244/3 "2021-04-07T17:13:50Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.