# @dropzone Identification

**URL:** <https://forums.realmacsoftware.com/t/dropzone-identification/44191>\
**Category:** Elements\
**Created:** [August 8, 2024, 2:39pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191 "2024-08-08T14:39:39Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 8, 2024, 2:39pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/1 "2024-08-08T14:39:39Z")

</div>

In custom HTML, I have the following test code:

```auto
<?php
if ($condition) {
?>
@dropzone(“dropZone1")
<?php
}
else { 
?>
@dropzone("dropZone2")
<?php
}
?>

```

 ![dropzone_identification](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/8/98cd3c5adbbf5cdb09a5f50cee62419e17aff1ba.jpeg)

It would be helpful to have @dropzones (and maybe all drop zones) highlighted with say a red outline when they are empty, so you can see where they are and that they are empty. Once a Component had been added to the dropzone, the red highlighting would be removed. If you have two dropzones together, it is difficult to see them clearly, especially if they abut one another.

In addition, having the name of the @dropzone shown in the dropzone, would be doubly helpful for users using the Custom Component.

A slightly separate suggestion: I would also find it useful if all components borders could be shown at the same time, so you can get a complete feel of how the page layout is constructed. This should be an option that you can toggle on and off while you are designing a page (Default off).

---

<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:** [August 8, 2024, 2:57pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/2 "2024-08-08T14:57:55Z")

</div>

> [@logrunner](#):
>
> A slightly separate suggestion: I would also find it useful if all components borders could be shown at the same time, so you can get a complete feel of how the page layout is constructed. This should be an option that you can toggle on and off while you are designing a page (Default off).

Yes, I think we need to have some UI options, to toggle the display of the highlights. We’ll make sure it covers a wide range of uses!

---

<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:** [August 9, 2024, 7:57am UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/3 "2024-08-09T07:57:55Z")

</div>

> [@logrunner](#):
>
> In custom HTML, I have the following test code:
> 
> ```auto
> <?php
> if ($condition) {
> ?>
> @dropzone(“dropZone1")
> <?php
> }
> else { 
> ?>
> @dropzone("dropZone2")
> <?php
> }
> ?>
> 
> ```

I’m intrigued as to what you’re trying to achieve here! What’s the use case for conditionally displaying `@dropzone`’s in Elements using a PHP if statement?

Mostly wondering how the user would be able to see/edit those two separate `@dropzone`’s whilst editing their site in Elements 🤔

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 9, 2024, 8:51am UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/4 "2024-08-09T08:51:46Z")

</div>

Both dropzones are visible while editing in Elements. The php code is only affecting the published page to decide whether the first or second dropzone should be output to the browser.

I am testing using Sitelok by Vibralogix. The first dropzone would be used if logged in and the second if logged out.

I am intending to post my workings for this once the PHP issue has been sorted and I can test my website using PHP. 🙂

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 22, 2024, 10:03am UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/5 "2024-08-22T10:03:54Z")

</div>

Further to my initial suggestion in this thread, it would also be helpful in the left hand side Page Layout tab if a @dropzone added to an HTML Custom element could be labelled as such i.e Dropzone as opposed to Content.

 ![CleanShot 2024-08-22 at 10.56.24](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/9/894c85bc73a2b42a44b618ed3938576e14536bd0.jpeg)

---

<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:** [August 23, 2024, 2:52pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/6 "2024-08-23T14:52:38Z")

</div>

> [@logrunner](#):
>
> it would also be helpful in the left hand side Page Layout tab if a @dropzone added to an HTML Custom element could be labelled

This is already available (although missing from the docs). You can add a title like so:

`@dropzone("zone-1", title: "Zone 1")`

---

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [August 23, 2024, 11:15pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/7 "2024-08-23T23:15:02Z")

</div>

Looking at v22867, Title for dropzone doesn’t show in Page Layout tab.

Bill  
Stack-Its

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 24, 2024, 10:23am UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/8 "2024-08-24T10:23:34Z")

</div>

I have setup a new project and tried adding the title=“title” to the @dropzone but this doesn’t seem to show anything.

 ![CleanShot 2024-08-24 at 11.20.04](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/7/a78fb5103e7a90e3f0770a133d8c8cf50ee02e96.png)

In addition, the dropzones and content aren’t being shown in the Page Layout under the custom HTML component. This is odd as previously it was?

---

<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:** [August 24, 2024, 11:08am UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/9 "2024-08-24T11:08:36Z")

</div>

![CleanShot 2024-08-24 at 12.07.16@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/9/99b56846a8b84a3c1a04112f4db32af7441814ad.jpeg)

this is how mine show

I would like the title show above or under or instead of the arrow in the drop zone

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 24, 2024, 11:21am UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/10 "2024-08-24T11:21:16Z")

</div>

There is obviously something I am missing or there is an inconsistency bug of some sort?

My project couldn’t be much simpler:

\*An Initial Divider  
\*A custom HTML element with the content as shown in my project image  
\*Added a Heading element to each dropzone (ZONE-ONE and ZONE-TWO)  
\*Another Divider

The drop-zones aren’t listed.

I am on the latest beta (22867).

---

<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:** [August 24, 2024, 12:06pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/11 "2024-08-24T12:06:27Z")

</div>

![CleanShot 2024-08-24 at 13.05.06@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/6/8625367908f2db6575ed2e58a080ecb48040c7d8.png)

I think I copied yours as best as I could, I did save, close down then reopen

same version of Elements

---

<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:** [August 24, 2024, 12:16pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/12 "2024-08-24T12:16:30Z")

</div>

not saved

 ![CleanShot 2024-08-24 at 13.13.57@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/3/f37ba7a742e004ae58863d014dc3ffe92976eab6.png)

saved

 ![CleanShot 2024-08-24 at 13.14.31@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/0/901be6d25c51f0fec5fe9620868c27e1e896a1a6.png)

saved closed reopened

 ![CleanShot 2024-08-24 at 13.14.53@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/f/cf159fc1cae351567953d43d6c4239e0e28ad01b.png)

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 24, 2024, 1:50pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/13 "2024-08-24T13:50:14Z")

</div>

I had saved the project but not closed it. I quit Elements and restarted and it has now appeared as you show above. 🙂

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 24, 2024, 2:01pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/14 "2024-08-24T14:01:26Z")

</div>

Another oddity in my project is that now the dropzones are listed, they are in the wrong order in the Page Layout:

 ![CleanShot 2024-08-24 at 14.57.11](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/d/ddb84e69a8bb033929f4ddcd1c57b5686dd1378e.png)

Zone 1 follows Zone 2.

In the example from @upssjw above, the Zones are in the correct order. 🤔

---

<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:** [August 24, 2024, 3:19pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/15 "2024-08-24T15:19:45Z")

</div>

my first example with the dividers they are in the wrong order  
soon as I add dividers it reverses the order

 ![CleanShot 2024-08-24 at 16.20.29@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/8/486223b640d9540795a0927389fb99e2adc3da87.png)

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 24, 2024, 3:34pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/16 "2024-08-24T15:34:07Z")

</div>

> [@upssjw](#):
>
> my first example with the dividers they are in the wrong order  
> soon as I add dividers it reverses the order

Interesting; shows the value of all this beta testing. 🙂

---

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [August 24, 2024, 3:56pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/17 "2024-08-24T15:56:09Z")

</div>

I even tried wrapping the dropzone in a div (which you shouldn’t have to do) and it still doesn’t show for me - lol.

---

<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:** [August 24, 2024, 4:00pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/18 "2024-08-24T16:00:52Z")

</div>

they work for me in between the div see above have a few working now as long as I save and reopen

I would still like the title show in the centre of the drop zone itself

---

<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:** [August 24, 2024, 7:42pm UTC](https://forums.realmacsoftware.com/t/dropzone-identification/44191/19 "2024-08-24T19:42:45Z")

</div>

Great detective work guys! This is indeed a bug 🐞

I’ve added it to the list to get fixed during the beta cycle.