Skip to main content
Solved

Custom widgets: how to use the "style" section

  • May 13, 2026
  • 8 replies
  • 47 views

jvdc

When you build a new widget, you can add configuration options, where you can add (among many other things) color picker options to define things like the background color of the widget etc…

But Background color, title color, top/bottom padding settings already exist in the Style section. At the moment these don't have an impact on the styling of a custom widget, but is it possible to use these setting in the widget? 

If yes, how could we reference these settings?

 

 

Best answer by marekkoszlak

Thanks for bringing this up! The Styles section here is meant for native widgets. It controls container-level styles like the standard title and widget wrapper. For custom widgets, the recommended way to manage their styling is to use the configuration properties you mentioned.

One more thing worth mentioning is that we're currently working on improvements to our design tokens system. Soon you'll be able to style the widgets you create so they inherit the styling configured in your community. It will all be covered in the Developer Portal, so AI agents working with the extensions repository will also have all the information they need to handle this for you!

8 replies

samanthahamlet
Forum|alt.badge.img
  • Gainsight Community Manager
  • May 13, 2026

Hey ​@jvdc 

This is a great question. I’ve asked about this internally now, so I’ll get back to you as soon as I have an answer! 😊


marekkoszlak
Gainsight Employee ⭐️
  • Gainsight Employee ⭐️
  • Answer
  • May 15, 2026

Thanks for bringing this up! The Styles section here is meant for native widgets. It controls container-level styles like the standard title and widget wrapper. For custom widgets, the recommended way to manage their styling is to use the configuration properties you mentioned.

One more thing worth mentioning is that we're currently working on improvements to our design tokens system. Soon you'll be able to style the widgets you create so they inherit the styling configured in your community. It will all be covered in the Developer Portal, so AI agents working with the extensions repository will also have all the information they need to handle this for you!


jvdc
  • Author
  • Expert ⭐️
  • May 15, 2026

thanks ​@marekkoszlak !

Would it be worth hiding the style section for custom widgets then? to remove any confusion/frustration?


marekkoszlak
Gainsight Employee ⭐️
  • Gainsight Employee ⭐️
  • May 15, 2026

Absolutely! Already added to our backlog after reading the original message here. Should be gone soon.


jvdc
  • Author
  • Expert ⭐️
  • June 11, 2026

I confirm, the styling section is now gone for custom widgets :-)


jvdc
  • Author
  • Expert ⭐️
  • June 11, 2026

Would it be possible to assign the color selector of the Config of custom widget to the one from the style of standard widget?

Custom Widget

 

Standard Widget

 


marekkoszlak
Gainsight Employee ⭐️
  • Gainsight Employee ⭐️
  • June 11, 2026

Hey Julien, let me look into this with the team and get back to you. What is it that you are missing in the existing color picker? Is it the lack of Hex value input possibility, or something beyond that?


jvdc
  • Author
  • Expert ⭐️
  • June 11, 2026

Yeah I find the Hex and the Hex preview more intuitive than the colored rectangle