Change the link on a menu

Discussion Ask a question
,
1

Hi,
I have a question about something that should be very simple.
I have an horizontal menu, and I want to change the link on one of the buttons, but for some reasons I don’t find any option allowing me to do this.

Can you help?
Many thanks!
Veronica

2

Step-1: Getting all the menu-items out of your already existing menu…

let menuItems = $w('#myMenuIDhere').menuItems;

/* Sample array of menu items: 
 *
 * [
 *   {
 *     "link": "https://myairlines.com",
 *     "target": "_self",
 *     "label": "Home",
 *     "selected": true,
 *     "menuItems": []
 *   },
 *   {
 *     "link": "https://myairlines.com/reservations",
 *     "target": "_self",
 *     "label": "Book a Flight",
 *     "selected": false,
 *     "menuItems": []
 *   },
 *   {
 *     "link": "https://myairlines.com/frequentflier",
 *     "target": "_self",
 *     "label": "Mileage Program",
 *     "selected": false,
 *     "menuItems": [
 *       {
 *         "link": "https://myairlines.com//frequentflier/join",
 *         "target": "_self",
 *         "label": "Join",
 *         "selected": false,
 *         "menuItems": []
 *       },
 *       {
 *         "link": "https://myairlines.com/frequentflier/check",
 *         "target": "_self",
 *         "label": "Check Miles",
 *         "selected": false,
 *         "menuItems": []
 *       }
 *     ]
 *   }
 * ]
 */

Step-2: Manipulating the menu-items…

menuItems[0].link = 'https://whatever.com';
menuItems[0].label ='What ever your Label will be';
menuItems[0].menuItems = [**here you can define SUB-MENU-ITEMS**];

Manipulation done?

Then we will fullfill STEP-3:
** → SETTING the new data for MENU…**

$w('#myMenuIDhere').menuItems = menuItems;

At the end your menu will have new values for all manipulated properties.

Good luck and happy coding.