# Relating Components to Salesforce Data

Here's a visual look at how to relate subcomponents to Salesforce Data elements

{% embed url="<https://app.tango.us/app/workflow/Relating-Components-to-your-Salesforce-Data-c37165782c1545d7af7c344595424975>" %}

RenderDraw allows for the relating of:

* Droppable Areas
* DropZones
* Draggable Items
* Rooms (Layouts)

To Salesforce records. Previously, relating these objects was done by copying and pasting record Ids into a text field associated with each visual element. This was combersome, and led to issues when it came to migrating visuals from one org to another. Enter our Record Picker component. Easily search and relate elements to their appropriate Salesforce Records. From there, setup fallback unique fields to plan ahead for migrations. Let's take a closer look at this component in action: &#x20;

![](https://1083871259-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJW2NJcrdHUw4YcOz4UJN%2Fuploads%2F7Dv6J8LCrVUZxRYSpIts%2FRenderDraw%20Architecture%20-%20Record%20Picker%20UI%20walkthrough.png?alt=media\&token=db7e0933-247f-4e81-9b8f-8e173435bc9c)

{% hint style="info" %}
Any object you hope to search for needs to be set up for searching in the object manager. Simply edit the object and check the "Allow Search" field and your object will be displayed while searching using the Record Picker component within RenderDraw
{% endhint %}