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.
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!)
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
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.
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??
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
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
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.