# Change Widget Apperance

**URL:** <https://community.cumulocity.com/t/change-widget-apperance/92>\
**Category:** Forum\
**Tags:** cumulocity\
**Created:** [October 9, 2023, 7:07am UTC](https://community.cumulocity.com/t/change-widget-apperance/92 "2023-10-09T07:07:42Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![rapatel](https://avatars.discourse-cdn.com/v4/letter/r/c6cbf5/32.png) [@rapatel](https://community.cumulocity.com/u/rapatel)\
**Post date:** [October 9, 2023, 7:07am UTC](https://community.cumulocity.com/t/change-widget-apperance/92/1 "2023-10-09T07:07:42Z")

</div>

Widget Apperance setting

How to add some white space in widget while select apperance is hidden, do we have any event to trigger while change Apperance

#### _Error messages / **full error** message screenshot / **log** file:_

#### _Question related to a **free trial** , or to a **production (customer)** instance?_

---

<div class="post-metadata">

**Author:** ![Tristan\_Bastian](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/tristan_bastian/32/18259_2.png) [@Tristan\_Bastian](https://community.cumulocity.com/u/Tristan_Bastian)\
**Post date:** [October 9, 2023, 7:33am UTC](https://community.cumulocity.com/t/change-widget-apperance/92/2 "2023-10-09T07:33:28Z")

</div>

Hi,

it is not really clear what you are trying to achieve…  
Can you provide a bit more details and maybe some screenshots of what you want to do?

Regards,  
Tristan

---

<div class="post-metadata">

**Author:** ![rapatel](https://avatars.discourse-cdn.com/v4/letter/r/c6cbf5/32.png) [@rapatel](https://community.cumulocity.com/u/rapatel)\
**Post date:** [October 9, 2023, 7:47am UTC](https://community.cumulocity.com/t/change-widget-apperance/92/3 "2023-10-09T07:47:36Z")

</div>

Hi Tristan,

Thanks for the quick repy!!!

While select hidden in the screen shot, I want to add some white space in place of yellow line.  
Kindly have a look into the screen shot.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/6/f/6f099adf91f47eeca2277f7f7de901d046944ca3.png)

---

<div class="post-metadata">

**Author:** ![Tristan\_Bastian](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/tristan_bastian/32/18259_2.png) [@Tristan\_Bastian](https://community.cumulocity.com/u/Tristan_Bastian)\
**Post date:** [October 9, 2023, 8:05am UTC](https://community.cumulocity.com/t/change-widget-apperance/92/4 "2023-10-09T08:05:17Z")

</div>

So depending on what you select for the “Widget header style” a class is added. If you selected `Hidden` it should be `panel-title-hidden` or for `Regular` it is `panel-title-regular`. You should be able to use this class in your widgets styles to add some spacing to the top if it is set.

Regards,  
Tristan

---

<div class="post-metadata">

**Author:** ![rapatel](https://avatars.discourse-cdn.com/v4/letter/r/c6cbf5/32.png) [@rapatel](https://community.cumulocity.com/u/rapatel)\
**Post date:** [October 9, 2023, 8:35am UTC](https://community.cumulocity.com/t/change-widget-apperance/92/5 "2023-10-09T08:35:57Z")

</div>

Thanks for the answer!!!

---

<div class="post-metadata">

**Author:** ![rapatel](https://avatars.discourse-cdn.com/v4/letter/r/c6cbf5/32.png) [@rapatel](https://community.cumulocity.com/u/rapatel)\
**Post date:** [December 7, 2023, 6:58am UTC](https://community.cumulocity.com/t/change-widget-apperance/92/6 "2023-12-07T06:58:26Z")

</div>

Hi Triston,

Do we have any event which triggered, while changing these classes(panel-title-hidden or panel-title-regular"

---

<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:** [June 4, 2024, 6:58am UTC](https://community.cumulocity.com/t/change-widget-apperance/92/7 "2024-06-04T06:58:40Z")

</div>

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