# Trying to streamline using drop zones

**URL:** <https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598>\
**Category:** Elements API\
**Created:** [December 12, 2024, 8:56pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598 "2024-12-12T20:56:57Z")\
**Posts on this page:** 20\
**Page:** 4

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 6, 2025, 3:32pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/63 "2025-01-06T15:32:34Z")

</div>

it works on iPhone and iPad also android tablet just desktop browsers

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 6, 2025, 3:35pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/64 "2025-01-06T15:35:38Z")

</div>

if you watch this video it is to do with m:hidden or lg:hidden etc

[https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/50](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/50)

any screen size I try stop something showing it stop the video going full screen and directs to last webpage

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 6, 2025, 3:39pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/65 "2025-01-06T15:39:48Z")

</div>

> [@upssjw](#):
>
> it works on iPhone and iPad also android tablet just desktop browsers

Yes because it makes the browser window full screen, and the video is hidden at that breakpoint.

For this to work you need to make sure the video is visible at ALL breakpoints.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 8, 2025, 3:34pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/67 "2025-01-08T15:34:50Z")

</div>

oops deleted wrong post

Is this the only way to hide the video on certain screens within Elements its self

can also use layout in video component and set to collapse

choose hidden has the same issue I am addressing

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 8, 2025, 7:06pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/68 "2025-01-08T19:06:48Z")

</div>

ok trying to understand collapse and hidden in Elements

can see collapse works but hidden does not work the same as collapse, is this as expected for hidden

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 8, 2025, 8:42pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/69 "2025-01-08T20:42:30Z")

</div>

There’s some information about Visibility and what each option does in the manual. Hope that helps!

> **[Layout | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs/elements-app/components/common-controls/layout#visibility)**
>
> Set advanced properties for Position, Z-index, Visibility, and more.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 8, 2025, 9:05pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/70 "2025-01-08T21:05:03Z")

</div>

I can see how it works the collapse lets you set both visible and collapse for each screen size

hidden stops you setting visible for any screen size above you cannot set visible at a higher screen resolution by clicking on the responsive dots, you can do this in normal tailwind

when you use collapse you can set at different screens

is this intended in Elements, if you do this in tailwind you can set the next screen as md:block

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 8, 2025, 9:09pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/71 "2025-01-08T21:09:01Z")

</div>

if I add md:block in the classes box it works, would prefer this just to be available in Elements without having to add a class

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [January 9, 2025, 9:06am UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/72 "2025-01-09T09:06:15Z")

</div>

> [@upssjw](#):
>
> hidden stops you setting visible for any screen size above you cannot set visible at a higher screen resolution by clicking on the responsive dots, you can do this in normal tailwind

From what I can see in your video, this looks like a bug. I’ll have to investigate this one some more and see about getting a fix in an upcoming beta. It should “just work”, but isn’t for some reason 😅

> [@upssjw](#):
>
> if you do this in tailwind you can set the next screen as md:block

The `Visibility` setting in Elements is setting the `visibility` CSS property.

The `block` utility classes in Tailwind sets the `display` CSS property.

So I believe you might be confusing those two properties.

We don’t have a setting for the `display` CSS property in Elements due to various technical and/or user experience reasons.

Hope that clears things up! 🙂

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 9, 2025, 10:27am UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/73 "2025-01-09T10:27:00Z")

</div>

@ben thanks the visibility works fine, it is just the hidden class that doesn’t seem to work as expected, as soon as you set hidden on a screen size this affects every screen above that size, you can no longer set auto to enable you to set particular screen size to include the video.

Also see in video below when setting any screen size hidden, any screen with the video will not open in full screen it jumps to the last screen size on that page. Should this not be trapped and either work or option to open in a new page/window.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [January 10, 2025, 11:26am UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/74 "2025-01-10T11:26:19Z")

</div>

Instead of using the `auto` option, set it to `visible` instead.

That will override the `invisible` setting and make it visible again.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 10, 2025, 11:44am UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/75 "2025-01-10T11:44:08Z")

</div>

@ben that doesn’t work when using hidden, when you use hidden on a screen the next screen size cannot be shown hidden from there upwards. When you make a screen size hidden use the video component the control for fullscreen just opens the last screen size for that page, this I believe should be trapped or in the controls an option to let it open in a new window

See video below for hidden issue, if I hide a a certain screen size you cannot unhide the next screen up

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 10, 2025, 12:05pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/76 "2025-01-10T12:05:55Z")

</div>

@ben see using collapse and using sizing

Even collapse when using video component still links to largest screen when fullscreen is chosen

If I use sizing the video will play fullscreen

If the visibility / hidden and collapse are intended to work like this then no issue, but I kind of do not agree not trapping or option available to to choose a new window, also I think you should be able to alternate as you change screen sizes between hidden or collapse (showing or hiding not actualy mixing hidden and collapse sticking to either one)

See video

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 10, 2025, 12:31pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/77 "2025-01-10T12:31:21Z")

</div>

I did not show but using sizing I can control height as well

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [January 10, 2025, 12:54pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/78 "2025-01-10T12:54:01Z")

</div>

OK, I’ve actually just found a bug in the Visibility setting, this will be fixed in the next beta.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 10, 2025, 12:56pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/79 "2025-01-10T12:56:20Z")

</div>

@ben Thanks great, sorry to keep going on, what about the video issue and full screen, option in component to choose new window instead of just full screen, would resolve

right click it shows but not in component itself, would like to tick or elect ion component to override just go to fullscreen

works in browser, if this was selectable as an option before opening in browser

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [January 10, 2025, 2:03pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/80 "2025-01-10T14:03:15Z")

</div>

> [@upssjw](#):
>
> to keep going on, what about the video issue and full screen

I’m not really following what the video issue is with going full screen.

The Video component in Elements uses the native HTML `<video>` element, which allows the user to go full screen on their device.

If you’re looking for something else, then please let me know.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 10, 2025, 2:17pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/81 "2025-01-10T14:17:59Z")

</div>

@dom under certain circumstance the video does not go full screen, if you choose hidden or collapse for different screen sizes on the same page this means when you select the fullscreen on the video while in the browser it jumps/links to the largest screen size for that page, surely this should be trapped or not allowed or you add another option in the video component to instruct it to go full screen in a new window. If you dont use hidden or collapse it is not an issue. If this is is normal behaviour both now and going forward then ok, but I would like an option in the video component under the controls to select open in a new window, I assume that would resolve the video jumping / linking to the last screen size on the same page.

Not sure how to explain other than show this video, agin if this is how the component will work then I am ok it still doesn’t seem an elegant solution

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [January 10, 2025, 2:38pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/82 "2025-01-10T14:38:32Z")

</div>

ok, now I understand 🙂

I think you might have hit an edge case in the browser, could possibly be a browser bug depending on how one would expect things to work.

For what you’re trying to do (show and hide a DOM element), I think you would be better off using the [display utility classes](https://tailwindcss.com/docs/display) available in Tailwind.

As I said above, we don’t have any controls for the `display` CSS property, but you can use the classes box in the Advanced control tab on all components.

If this issue keeps cropping up then we will look to add controls for the display property. In the mean time, if you feel strongly enough about this then I’d encourage you to add this to our [public suggestion list](https://elements.nolt.io) - we will be looking to prioritise the most upvoted/popular suggestions where possible 🙂

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 10, 2025, 3:02pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/83 "2025-01-10T15:02:00Z")

</div>

@ben ok no probs just asked chatgtp to create a fix for me hopefully I can integrate into my component  
just adjust button and see chat to remove the other controls

[Previous page](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598.md?page=3)

[Next page](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598.md?page=5)