# Dev Diary Ep74 - More New Components

**URL:** <https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170>\
**Category:** Elements\
**Created:** [April 15, 2025, 2:39pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170 "2025-04-15T14:39:04Z")\
**Posts on this page:** 20\
**Page:** 1

<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:** [April 15, 2025, 2:39pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/1 "2025-04-15T14:39:04Z")

</div>

Hello again,

This week, we’re introducing two new components: the long-awaited “Dropdown” component and a new “Top Pages” navigation component. Watch today’s Dev Diary to learn more about these two useful components.

Both of these components will be available later today when build 0.7.7 is released.

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/c/dc59d16b2913db275cfff5bd94aa3547d6299404.jpeg "Dev Diary Ep74 - Dropdown and Top Page Components") ](https://www.youtube.com/watch?v=izxsNWPrPe8)

[Open the demo project](elementsapp://downloadDocument/X7iUCOmyRhGm). Don’t forget you’ll need build 0.7.7 to use the new components!

## Get Elements for macOS

Elements is [available in Early Access](https://docs.realmacsoftware.com/elements-docs/get-early-access). You can visit the [elementsapp.io website](https://www.elementsapp.io/purchase/?utm_source=realmacsoftware-forum) to purchase a license today.

## Thanks for Your Feedback

As always, keep the feedback coming. Your input has made all the difference so far.

Thank you!

See you soon,  
Dan & Team Realmac.

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [April 15, 2025, 2:42pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/2 "2025-04-15T14:42:17Z")

</div>

😍

👍🏻👍🏻👍🏻

Thank you @dan and the team!!

---

<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:** [April 15, 2025, 2:44pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/3 "2025-04-15T14:44:45Z")

</div>

Haha, you’re welcome 🥰 I know you’ve been waiting for the Dropdown for a while!

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [April 15, 2025, 2:55pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/4 "2025-04-15T14:55:19Z")

</div>

Are we able to drop a folder of pages into the component section of the dropdown, so it will show list of pages in that folder, or do I have to create each entry manually??

---

<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:** [April 15, 2025, 2:59pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/5 "2025-04-15T14:59:48Z")

</div>

Hi @dan, you alluded to 3rd part developers being able to get a list of web pages; can you point me in the right direction for reading about this? 🙂

---

<div class="post-metadata">

**Author:** ![joeace](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joeace/32/25504_2.png) [@joeace](https://forums.realmacsoftware.com/u/joeace)\
**Post date:** [April 15, 2025, 3:19pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/6 "2025-04-15T15:19:33Z")

</div>

Looks good! Now I can try to make vertical menus for my website. I also like the Top Pages nav component, as I have something similar on the footer of my website.

---

<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:** [April 15, 2025, 3:48pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/7 "2025-04-15T15:48:28Z")

</div>

> [@sbchasin](#):
>
> Are we able to drop a folder of pages into the component section of the dropdown, so it will show list of pages in that folder, or do I have to create each entry manually??

you could drop in the new Top Pages component in to the dropdown - that will get you all of your top level pages.

If you need only a subset of pages, or a custom set of links, then you’d have to build this up yourself using our built-in components 🙂

---

<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:** [April 15, 2025, 3:52pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/8 "2025-04-15T15:52:24Z")

</div>

> [@logrunner](#):
>
> developers being able to get a list of web pages

You can get the project pages in your hooks file via the `rw.pages` object.

In hooks:

```js
const transformHook = (rw) => {    
    // Get pages from rw
    const pages = rw.pages
    
    // Set pages in our template data
    rw.setProps({ 
        pages
    })
}

exports.transformHook = transformHook;

```

More info here:

> **[rw.pages | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs/elements-language/bundle-structure/components/hooks.js/available-data/rw.page)**

---

<div class="post-metadata">

**Author:** ![thominator](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thominator/32/35233_2.png) [@thominator](https://forums.realmacsoftware.com/u/thominator)\
**Post date:** [April 15, 2025, 5:29pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/9 "2025-04-15T17:29:42Z")

</div>

Seems like Trigger should be above Contents in the outline view, as that’s the order in which I’d generally work.

---

<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:** [April 15, 2025, 5:36pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/10 "2025-04-15T17:36:33Z")

</div>

Thanks for the suggestion.

Components with multiple dropzones are listed in alphabetical order to provide consistency (especially when developing your own, or using third-party components). We may look to add ordering support in the API at a later date.

---

<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:** [April 15, 2025, 6:01pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/11 "2025-04-15T18:01:02Z")

</div>

Today’s build (0.7.7) with these new components is now live, [go grab it!](https://forums.realmacsoftware.com/t/elements-0-7-7-23490/47174)

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [April 15, 2025, 8:23pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/12 "2025-04-15T20:23:01Z")

</div>

@dan The dropdown looks like it will be very flexible and I see a number of use cases for it. Testing is proceeding.

The first issue I have run into with it is that under certain circumstances the dropdown will go behind some elements on the page. See below.

 ![CleanShot 2025-04-15 at 10.15.30@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/0/f0bf5691a632e19669e29fa1acee11c4586ca9fc.jpeg)

On this page it will correctly go above an image dirctly below it within the same container. But as the menu extends down over a separate section below it that contains the same image, it ends up going behind that image. None of these elements have any Z-index set and I experimented with the Z-index of the dropdown but it seemed to make no difference.

Here is the link to the project if you need to take a look.

[elementsapp://downloadDocument/AjyqyHR7YhZr](elementsapp://downloadDocument/AjyqyHR7YhZr)

---

<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:** [April 16, 2025, 7:24am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/13 "2025-04-16T07:24:40Z")

</div>

> [@handshaper](#):
>
> None of these elements have any Z-index set

The issue is the Container component is quite complex and requires that a z-index be set internally on the different layers it has (background and content). This is why in some cases the content within a Container can appear above other things on the page.

**Good news:** you can easily fix this by setting the “Isolation” to “Isolate”. Here’s a quick video demonstrating how to do this:

---

<div class="post-metadata">

**Author:** ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)\
**Post date:** [April 16, 2025, 5:21pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/14 "2025-04-16T17:21:41Z")

</div>

Hello 👋

Thanks Great component “Dropdown” and a “Top Pages”

Top Pages Are navigation is good; I wish to make it responsive with mobile Options to trigger mobile

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [April 16, 2025, 6:59pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/15 "2025-04-16T18:59:08Z")

</div>

> [@ben](#):
>
> **Good news:** you can easily fix this by setting the “Isolation” to “Isolate”. Here’s a quick video demonstrating how to do this:

@ben Thank you Ben this is great. I have often wondered what the usage model is for the “Isolation” setting, now I know. Works like a charm.

---

<div class="post-metadata">

**Author:** ![Adiantum](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/adiantum/32/4907_2.png) [@Adiantum](https://forums.realmacsoftware.com/u/Adiantum)\
**Post date:** [April 19, 2025, 3:51pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/16 "2025-04-19T15:51:01Z")

</div>

I appreciate the hard work that you put into this product. The early access page ([https://docs.realmacsoftware.com/elements-docs/early-access](https://docs.realmacsoftware.com/elements-docs/early-access)), however, has problems. They’re not advanced development code problems. They’re easy to spot and fix, but they currently make you folks look unprofessional.

For example, I wanted to know the price of Elements. It’s a very basic question. I tried clicking on the links that say, “You can purchase Elements via our website.” Those links simply don’t work. The URL is shown below in the screenshot. It’s not a valid URL for any page and browsers will dependably produce an error, regardless of the version.

 ![Inline image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/e/ce9509d39dcbd5e52247c0828e94d252c3771166.png "Inline image")

If you’re interested in getting people to buy Elements, you need to make sure that the Purchase links work, at the very least. I shouldn’t have to figure out what’s wrong and I shouldn’t have to fix problems caused by your site. Based on that Early Access page, any reasonable person would gather that quality control at RealMac is lacking. And poor quality control is a very good reason not to buy any software product.

You can do better than this.

Larry Faulks

> ![](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/45/28516_2.png "dan") | [dan](https://forums.realmacsoftware.com/u/dan) Dan C. Founder, Realmac Software  
> 15 April |
> 
> - | - |

Hello again,

This week, we’re introducing two new components: the long-awaited “Dropdown” component and a new “Top Pages” navigation component. Watch today’s Dev Diary to learn more about these two useful components.

Both of these components will be available later today when build 0.7.7 is released!

[Dev Diary Ep74 - Dropdown and Top Page Components](https://www.youtube.com/watch?v=izxsNWPrPe8)

## Get Elements for macOS

Elements is [available in Early Access](https://docs.realmacsoftware.com/elements-docs/get-early-access). You can visit the [elementsapp.io website](https://www.elementsapp.io/purchase/?utm_source=realmacsoftware-forum) to purchase a license today.

## Thanks for Your Feedback

As always, keep the feedback coming. Your input has made all the difference so far.

Thank you!

See you soon,  
Dan & Team Realmac.

> **(attachments)**
>
> ![Screen Shot 2025-04-19 at 8.04.28 AM.png](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/9/896dca1ce0658bcb6a23891e39a365d64e3bb688.png)

---

<div class="post-metadata">

**Author:** ![jenkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jenkman/32/5003_2.png) [@jenkman](https://forums.realmacsoftware.com/u/jenkman)\
**Post date:** [April 19, 2025, 4:25pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/17 "2025-04-19T16:25:57Z")

</div>

> [@Adiantum](#):
>
> work

Takes me right to the web page

 ![IMG_2967](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/f/ff4b667330406825c7171e29d477be32fddecb24.png)

---

<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:** [April 19, 2025, 7:00pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/18 "2025-04-19T19:00:59Z")

</div>

> [@Adiantum](#):
>
> I wanted to know the price of Elements. It’s a very basic question. I tried clicking on the links that say, “You can purchase Elements via our website.” Those links simply don’t work.

Thanks for the heads-up about this; the link in the manual is now fixed.

Please keep in mind that Elements, along with the manual, is still in development. So things are still being written and updated.

If you spot any other issues, please let us know and we’ll get them fixed as soon as possible.

Thanks again!

---

<div class="post-metadata">

**Author:** ![Adiantum](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/adiantum/32/4907_2.png) [@Adiantum](https://forums.realmacsoftware.com/u/Adiantum)\
**Post date:** [April 19, 2025, 7:10pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/19 "2025-04-19T19:10:27Z")

</div>

Perhaps you misunderstood what I did.

In the original email, there was a link in the sentence that says, “You can visit the [elements.app.io](http://elements.app.io) website to purchase a license today.” That link works and the page opens. On that second page, in the early access section, there’s a link to purchase the product as shown below. That external link does not work. The pop-up that appears shows exactly why. Apparently since this morning, that link has been fixed.

 ![Inline image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/3/8339b1f888ca0b201d7d0759ce4f92944e667f61.png "Inline image")

---

<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:** [April 19, 2025, 10:15pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep74-more-new-components/47170/20 "2025-04-19T22:15:12Z")

</div>

That link has now been fixed 😊