Dropdown Component Issues

@dan @ben

I am having some issues with the Dropdown component. It is probably user error.

I put in a button for trigger,. For content, I used the top pages component, set to folder. I selected the link, and selected the folder of pages that I wanted, and…nothing. Not showing in either Elements nor in Preview in browser. When picking the folder, it also doesn’t select the folder I chose. The folder I chose is Beret Flashes, but the selection reads Army Insignia.

It is on the Special Operations Insignia page.

elementsapp://downloadDocument/CLZkBdcKUfE2

PS: I viewed the video before I added the components to the page.

Hi @sbchasin

I just opened your project and had a poke around — not sure why, but when I reselected the folder in the Top Pages component the menu items appeared.

I’m wondering if you moved / renames that folder at some point? (Just trying to think what might have caused the pages to not be visible as menu items in the Top Pages component!)

Anyway, try that and let me know how you get on! :slight_smile:

Nothing renamed / removed. Just added the component yesterday.

I tried again, and still failed:

Tried a few times, as well as quit and reopened elements.

Here’s a quick video of how I get it working, let me know if this works for you! :slight_smile:

@ben

It works for the top level folder, SpecialOpsInsignia, but I need it to go down one more level to BeretFlashes, and that is where it doesn’t work.

Nothing shown in list, and doesn’t work in preview.

Also, regardless of what I selected as the folder, it doesn’t show correctly in the inspector. It shows ArmyInsignia in inspector.

As the picture shows above, it shows BeretFlashes in the custom attributes box, but doesn’t indicate that in the inspector AND it doesn’t show the pages in the top pages

Ahhh I see! I’ve now checked sub-folders and you are correct — those don’t currently work in the Top Pages components.

I’ve found the issue and fixed it, so it’ll start working for you in the next build :slight_smile:

1 Like

Thank you sir!!

Didn’t seem to make Version 1.0.13 (23763) :sob:

Sorry, it’ll be in the next build (1.0.13 didn’t include any component updates), which will be out very soon!

1 Like

@ben

Initial part works, showing the subfolder I selected, but…

Doesn’t show the subfolders under that.

What I am trying to duplicate are the dropdowns on my original site’s page: US Special Forces, Special Operations Forces and Airborne Units

I am also trying to get the button (trigger) to be the width of the container it is in (container is a grid item) and haven’t been successful there. I am probably missing a setting for this. I tried 100% and auto and neither worked.

I am just working on the first drop down, Beret Flashes, and once I get that working correctly will just copy into the other two containers and change the link to show the appropriate dropdown.

Thank you for your assistance.

Project: elementsapp://downloadDocument/FT5Gt5PJ0nXT

the Top Pages component will only show one level, it is not designed to display multiple levels of menu items.

Ahhhhh…That would explain that.

Any recommendation on how best to achieve what I am trying to replicate using existing components or shall I dive into the depths of a custom component??

@ben

Is “pages” a valid property type??

If not, any recommendation on what to use to pull the links in that I want to appear in the dropdown (other than manually adding them all to a folder)??

“pages” is not available as a component control. You can use the “link” control to allow the user to select a folder, but that does not return the sub pages in that folder.

To do that, you’d need to use the hooks.js file, and filter the rw.pages by the selected folder. It’s quite an advanced solution, but have a look rw.pages docs for more info and an example of how to use the pages data :slight_smile:

@ben

Any chance an option can be added to the top pages component to be able to utilize sub-folders?? Would make my life so much easier!! :nerd_face:

We’re not looking at adding multi level navigation to the Top Pages component. Top Pages is intentionally minimal, we wanted an easy to use component that “just works” everywhere.

We do, however, have plans to release additional navigation components in the future :slight_smile:

1 Like

This is the only item holding me back from publishing an updated website. The re-write is finally complete (other than some visual tweaks).

I have been playing with the bot and ChatGPT to try to come up with a custom dropdown menu, but I have not been successful as of yet. I will keep playing around with them.

I have completed this so far

used the page - in pages etc, hurt my head

I got lost lost a few times nesting inside nesting,

Any chance you can share the project so I can play with it, and fit it into what I need??

its not finished

1 Like