Customisations

Customisations

The LMQnAFeed and LMSocialFeed component serves as the central hub for all customizations in your QnA Feed implementation. Through its comprehensive set of props, you can customize everything from the visual appearance to behavioral aspects of your feed. Whether you need to modify post layouts or implement custom actions, all customizations can be managed directly through the LMSocialFeed component's interface.

This centralized approach to customization ensures a clean and maintainable codebase while providing maximum flexibility for developers to adapt the feed to your specific requirements.

Overriding the default Universal Feed Component

You can override any default component used withing the LikeMinds Feed SDK, by simply providing another component as a wrapper wrapping the default component. This allows you to keep the default view while also gives the flexibility to implement any side-logic. Or you can not use any default component and pass an entirely new UI, in that case you can use the hooks provided to sustain all the data related actions behind the screen while you are only responsible to handle the UI part of the view.

An example of the former approach is mentioned in this doc.

Overriding the default post action

The LikeMinds Feed SDK also provides you with the ability to modify or redefine certain actions as per the need. You can do so by passing your new action as a callback function. You will be provided with the access to the default actions and data for the relevant hook from which it will be triggered, through an argument.

An example for the above is mentioned in this doc

Overriding the default styles

The LikeMinds Feed SDK also provides you the styles for any components by overriding the styles for a component. You can do so by re-declaring the CSS properties for the component through it's class. You can use browser's dev tools to get the classname and override the styles for that in your own CSS file.

Additionally if you want to implement some changes on global level like changing the primary color scheme, you can do so by following this guide on theming

For other customisations, you can checkout the Guide's section.