Make a dropdown menu on a page to find a specific card item

Do you want to share WYSIWYG Web Builder tips, tricks, tutorials or useful HTML code? You can post it here...
(no questions or problems please, this section is not monitored by support).
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.

PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Post Reply
Beth
 
 
Posts: 85
Joined: Mon Jan 15, 2018 10:55 pm

Make a dropdown menu on a page to find a specific card item

Post by Beth »

To make a dropdown menu on a page in order to find a specific card asset using Card Container, Flex Grid, Layout Grid or Flex Container.

Thanks to Crispy68.

"Yes, it can be done; however it will simply jump and won't have a smooth scroll.

1. Right click on your card, choose object HTML and in the generated html section note the ID of the card. It will look something like "Card1-card-body".
2. Whatever you are using as the link, go to the link properties and in the link section [of the menu and] make sure the following is set:

Link to = External web address
URL = ID of card (ex: #Card1-card-body)"


I found that it works well with the Go Menu, Themeable Menu set to Bootstap, Slide Menu and works OK with Listview set to Drop List, but not the best.

Tab menu is not so good because it not responsive in a layout grid and not at all in the Accordian menu.
Post Reply