# Component dropzones + Advanced properties + Component instance - documentation release

**URL:** <https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873>\
**Category:** Tutorials\
**Tags:** binding, design, components\
**Created:** [December 9, 2024, 12:16pm UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873 "2024-12-09T12:16:21Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![DanielL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/daniell/32/13398_2.png) [@DanielL](https://community.weweb.io/u/DanielL)\
**Post date:** [December 9, 2024, 12:16pm UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/1 "2024-12-09T12:16:21Z")

</div>

Hello everyone!

We have released new articles on component dropzones, advanced properties, events, and the thisInstance object.

- Events: [Component events | WeWeb Documentation](https://docs.weweb.io/components/component-events.html)
- Dropzones: [Component dropzones | WeWeb Documentation](https://docs.weweb.io/components/component-dropzones.html)
- Advanced properties: [Advanced properties | WeWeb Documentation](https://docs.weweb.io/components/advanced-properties.html)
- Component instance: [Component instance | WeWeb Documentation](https://docs.weweb.io/components/component-instance.html)

Observation: WeWeb components are hugely powerful, and we will try to document more features as soon as possible.

Feel free to leave your feedback 🙂

---

<div class="post-metadata">

**Author:** ![yma](https://avatars.discourse-cdn.com/v4/letter/y/db5fbb/32.png) [@yma](https://community.weweb.io/u/yma)\
**Post date:** [December 10, 2024, 2:34pm UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/2 "2024-12-10T14:34:44Z")

</div>

Why can’t I find the fetch data to select the data in an instance?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/2146feaeecfa2fc934d7c6bc108d20b86db72fc6.png)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/72a3eced289700128639721a77bb1a2e1a7004b4.png)

which is created in properties  
Its very crucial to close the instance to be easily deployed anywhere

Thanks

---

<div class="post-metadata">

**Author:** ![yma](https://avatars.discourse-cdn.com/v4/letter/y/db5fbb/32.png) [@yma](https://community.weweb.io/u/yma)\
**Post date:** [January 5, 2025, 2:36pm UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/3 "2025-01-05T14:36:26Z")

</div>

Any idea about this @DanielL ?

---

<div class="post-metadata">

**Author:** ![DanielL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/daniell/32/13398_2.png) [@DanielL](https://community.weweb.io/u/DanielL)\
**Post date:** [January 5, 2025, 6:13pm UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/4 "2025-01-05T18:13:47Z")

</div>

Hi, @yma

I don’t understand your question.

---

<div class="post-metadata">

**Author:** ![yma](https://avatars.discourse-cdn.com/v4/letter/y/db5fbb/32.png) [@yma](https://community.weweb.io/u/yma)\
**Post date:** [January 6, 2025, 6:14am UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/5 "2025-01-06T06:14:40Z")

</div>

I am trying to create a component but in the component, I can find collection id

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/61ddc2ad682d315b61de0c5e1ecb280b0ea89268.png)  
so there are some actions that needs to fetch a collection that will be connected to this component to be used else where in the the project

so for example on change fetch the collection but the collection to choose is the data collection and I can’t choose a component collection as the previous shot

The goal is to have a table with pagination that controls the backend and the goal is to choose every time which data is affected in this case rather than everytime I go change all the collection affected withing the instance

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/26d2dd3a6aef107e3369a25cabab0a148ea8f329.png)

---

<div class="post-metadata">

**Author:** ![DanielL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/daniell/32/13398_2.png) [@DanielL](https://community.weweb.io/u/DanielL)\
**Post date:** [January 6, 2025, 9:16am UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/6 "2025-01-06T09:16:47Z")

</div>

Can you try adding this code in the table data/grid data to get the collection based on the ID?

wwLib.wwCollection.getCollection(collectionId)

---

<div class="post-metadata">

**Author:** ![yma](https://avatars.discourse-cdn.com/v4/letter/y/db5fbb/32.png) [@yma](https://community.weweb.io/u/yma)\
**Post date:** [January 6, 2025, 9:38am UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/7 "2025-01-06T09:38:13Z")

</div>

> [@DanielL](#):
>
> wwLib.wwCollection.getCollection(collectionId)

To attach the data I have no issues sometimes I attach it to an array and from there I attach the collection to it

My only thing is to fetch dynamically by the collection id for example or to fetch a certain data that is attached to the settings of the component so I can use the component in different pages and different collection without everytime I change the settings

---

<div class="post-metadata">

**Author:** ![DanielL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/daniell/32/13398_2.png) [@DanielL](https://community.weweb.io/u/DanielL)\
**Post date:** [January 6, 2025, 9:41am UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/8 "2025-01-06T09:41:13Z")

</div>

This will fetch the collection dynamically, you just need to pass the ID and each instance will have its own collection

---

<div class="post-metadata">

**Author:** ![yma](https://avatars.discourse-cdn.com/v4/letter/y/db5fbb/32.png) [@yma](https://community.weweb.io/u/yma)\
**Post date:** [January 6, 2025, 9:54am UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/9 "2025-01-06T09:54:21Z")

</div>

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/483d149fda29f7dabf38ff6295577cad10d2ec6e.png)

Ok this will get collection but I need to fetch it on certain changes now how will I do this ?

---

<div class="post-metadata">

**Author:** ![yma](https://avatars.discourse-cdn.com/v4/letter/y/db5fbb/32.png) [@yma](https://community.weweb.io/u/yma)\
**Post date:** [January 6, 2025, 10:01am UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/10 "2025-01-06T10:01:52Z")

</div>

ok am starting to love this

I think I got it we can now use the below to fetch it

wwLib.wwCollection.fetchCollection(‘collectionUID’)

---

<div class="post-metadata">

**Author:** ![wealthsyndy](https://avatars.discourse-cdn.com/v4/letter/w/48db29/32.png) [@wealthsyndy](https://community.weweb.io/u/wealthsyndy)\
**Post date:** [January 7, 2025, 4:16pm UTC](https://community.weweb.io/t/component-dropzones-advanced-properties-component-instance-documentation-release/14873/11 "2025-01-07T16:16:35Z")

</div>

Wow I did not know we can do the trick with classes! And now I understand better the use of drop zone workflows… Thank you for the documentation!
