Edit components (.widget)

[nad_dyra303]

Hello. Currently my team and I trying to use new design to our community. Totally different from before version. We're wondering can we edit this widget on studio? We're still new and still learning how to use khoros platform 😓

[Claudius]

You cannot edit the out of the box widget. Either you can

1. re-code the widget functionality and layout yourself
2. or Using @override to change core components 

[nad_dyra303]

I see. I've tried it in one of my custom component, search bar and now it came out with the background behind the search bar. But once we change the name into 

example: common.widget.search-bar@override

the component name cannot be changed anymore and it creates another component, common.widget.search-form.  The content in it <@delegate/>. May I know why? 

[nad_dyra303]

Hi @Claudius 

May I know steps for your option 1? Since I did not get the results from your option 2.

Regards 

Nad

[Claudius]

You would usually not override your own custom-built components since you can edit them directly. You'd rather @override any built-in widget. I assume that's what happened when you overrode your own component.

For option 1: Well... you would re-code the functionality of the widget you are trying to change. And then build it yourself via a combination of endpoints and the Community REST API v2 and LiQL. Are you looking at re-creating a specific component? What element of the out of the box widget do you want to alter? Maybe we can help defining the right approach.