how to overlay content.xml of core/ other component to remove and add certain fields? in AEM as a cloud service

Question

Hi,
I want to know like while overlaying a component how to overlay content.xml 
e.g : 
-> component that is being overlayed: component A
-> component that is overlaying: component B
 
now ->I have some fields in component's A dialog box that I don't want in component B's dialog box
        -> Also I want to add some extra fields in component B's dialog box which are not present in Component A

can anyone help me to know how can I achieve such functionality? 
 
Thank you
Rahul Dabas

aanchal-sikka · Accepted Answer

Hello @rahul234dabas

Please refer to https://experienceleague.adobe.com/docs/experience-manager-64/developing/platform/sling-resource-merger.html?lang=en#properties as well.

The Sling Resource Merger provides us multiple options:

sling:hideProperties ( String or String[])

Specifies the property, or list of properties, to hide.

The wildcard * hides all.
sling:hideResource ( Boolean)

Indicates whether the resources should be completely hidden, including its children.
sling:hideChildren ( String or String[])

Contains the child node, or list of child nodes, to hide. The properties of the node will be maintained.

The wildcard * hides all.
sling:orderBefore ( String)

Contains the name of the sibling node that the current node should be positioned in front of.