# "On File Over" and "On File Out" event handlers

**URL:** <https://community.appfarm.io/t/on-file-over-and-on-file-out-event-handlers/840>\
**Category:** Ask the community\
**Created:** [November 13, 2023, 4:47pm UTC](https://community.appfarm.io/t/on-file-over-and-on-file-out-event-handlers/840 "2023-11-13T16:47:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![thalv](https://avatars.discourse-cdn.com/v4/letter/t/eb9ed0/32.png) [@thalv](https://community.appfarm.io/u/thalv)\
**Post date:** [November 13, 2023, 4:47pm UTC](https://community.appfarm.io/t/on-file-over-and-on-file-out-event-handlers/840/1 "2023-11-13T16:47:05Z")

</div>

Hey!

I’m trying to create a file drop area using a container, with some dynamic ui components.  
To get the desired animation, I’ve added a boolean that is toggled with the “On File Over” and “On File Out” event handlers to control the visibility conditions on the elements.

However, nothing happens when I try to drag a file over the container (the action is not triggered).

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/fd15222f22849cc09ad18b380b1989277c20bdfc.png)

---

<div class="post-metadata">

**Author:** ![Malin](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/malin/32/1634_2.png) [@Malin](https://community.appfarm.io/u/Malin)\
**Post date:** [November 14, 2023, 8:00am UTC](https://community.appfarm.io/t/on-file-over-and-on-file-out-event-handlers/840/2 "2023-11-14T08:00:20Z")

</div>

Hello,

and thank you for your inquiry!

It appears that the issue stems from the absence of an enabled action on the “On File Drop” event. Apart from activating the “Enable File Drop” setting, it is necessary to initiate an action within the file drop event handler. You’ve successfully implemented actions for manipulating variables using “On File Over” and “On File Out”, but will in addition need an action on the “On File Drop” event handler.

You can read more about this in our documentation:

> **[Container](https://docs.appfarm.io/library/ui-components/container)**

… or take a look at the example in Showroom:  
[https://showroom.appfarm.app/action-nodes/create-file-object](https://showroom.appfarm.app/action-nodes/create-file-object)

Hope this helps!

---

<div class="post-metadata">

**Author:** ![thalv](https://avatars.discourse-cdn.com/v4/letter/t/eb9ed0/32.png) [@thalv](https://community.appfarm.io/u/thalv)\
**Post date:** [November 14, 2023, 9:25am UTC](https://community.appfarm.io/t/on-file-over-and-on-file-out-event-handlers/840/3 "2023-11-14T09:25:52Z")

</div>

Thanks for the help! I placed the upload action on another container, but it worked as a charm when the actions were placed on the same container 🙂