Power Platform Community Forum Thread Details

Hi everyone,

Has anyone here ever worked with Scott Durow's Power Drag & Drop solution? I am currently facing the challenge that I want to access individual values from the elements in a drop zone.

I have attached a screenshot and would like to use it to explain my problem:

I have the following structure on this screen: Here are several power drag drop components, on the left in gray is the master zone. I am now dragging individual elements from this zone into the small gray zones. These small zones are set so that they can take a maximum of one element. The product ID that I want to access is shown in red.

What I want to achieve is that the text property of the blue button at the bottom right shows the product ID of the element that is in the zone at the top left (“DnD_Cell_1”).

Does anyone have knowledge of this and know how to access individual columns/values?

Thank you all,

Best regards

Categories:

Building Power Apps

Here is a general approach and the likely solution based on how custom Power Apps components are typically designed:

Accessing Values in the Power Drag & Drop Component

The key to accessing the data from Scott Durow's component is understanding that the Drop Zone control itself holds a property that contains the details of the item currently dropped into it.

The component is highly likely to expose this information via an Output Property.

To display the Product ID of the item in the top-left drop zone ("DnD_Cell_1") in your blue button's Text property, you will need to reference the component's output.

Identify the Drop Zone Control: Find the name of the specific Drop Zone control that corresponds to the top-left gray box (the one labeled or identified as "DnD_Cell_1"). Let's assume its name is DnD_Cell_1.
Access the Dropped Item: The component most likely has an output property named something like DroppedItem, Content, or Value.
- Try setting the Text property of your blue button to:
```
{DnD\_Cell\_1.DroppedItem}
```
Extract the Product ID: The DroppedItem property usually returns an entire record (a row of data) from the original data source of the draggable item. To get the specific column (Product ID), you use the dot operator:

(Note: Replace Product_ID with the exact column/field name used in your data source.)
- Final Formula for the Button's Text property:

{DnD\_Cell\_1.DroppedItem.Product\_ID}

Troubleshooting & Verification

Check Component Properties: Select the DnD_Cell_1 control in the Power Apps canvas. Look at the properties pane on the right. You should see an Output property (or a property that changes when an item is dropped). Hover over it or try typing the control name in the formula bar to see the available properties (e.g., DnD_Cell_1.).
Check the Source Data: Ensure that the draggable elements are feeding a record that actually contains a column named Product ID (or whatever you're using to identify the product).
Handle Empty Drop Zones: If the drop zone is empty, the DroppedItem property will likely be Blank or Empty. Using the dot operator on a blank value will cause an error. You should wrap your formula with a check: