Data source items drag and drop to custom components

[IainClucas]

We have built a set of custom Form components that have superResourceTypes of core guide components. 

We also have some xdp files that we are using to define the data model. 

From the editor left hand panel (Data Sources selected) we would like to be able to drag an item onto the form and for the editor to insert one of our custom components rather than the standard set. For example rather than 

/libs/fd/af/components/guideradiobutton in inserts /apps/ourapp/forms/components/radiobutton

I was hoping to find a mapping definition but I cannot find one.

Has anyone done something similar?

[Mayank_Gandhi]

@IainClucas Creating custom components and dragging them to the form, Yes, perfectly fine and supported but be careful on how you would handle the data prefill, properties and submit using OOTB actions, to bring custom components in the same component group as forms add componentGroup as Adaptive Form

[IainClucas]

All the components we have built are basically slight changes to the core ones, we really only make changes to the widget.jsp file to change the html and add some client specific css classnames. We also have some XSD files that have been created in AEM Designer and we use these as a form data model. Ideally we would like to be able to drag from the data section and create a entry for one of our components rather than the core ones. 

[Mayank_Gandhi]

@IainClucas so what's the issue here, is it dragging of schema to the fields?

[IainClucas]

It does drag a schema field and adds a component to the form with the correct binding etc. What we would like to do is add our custom component not a foundation component. So we have slightly extended some of the core components to include additional html and CSS classes, so when we add a string based schema item we would like our custom Text component to be added rather than the /libs/fd/af/components version.