Canvas App with Navigation template

(1) Share

Report

Posted on by OK29

388

Hi,

I have created a Left Navigation menu template and added across all screens and it's working as expected.

Here is my navigation component Table

Table(
{MenuLabel: "Home",
MenuIcon: Icon.Home,
MenuScreenNavigate: App.ActiveScreen,
MenuID: 1,

},
{MenuLabel: "Events Screen",
MenuIcon: Icon.CalendarBlank,
MenuScreenNavigate: App.ActiveScreen,
MenuID: 2,
 
},

{MenuLabel: "Members",
MenuIcon: Icon.People,
MenuScreenNavigate: App.ActiveScreen,
MenuID: 3,

})

Added the following code on App Start property.

Set(leftMenuforAdmin, Table(
{MenuLabel: "Home",
MenuIcon: Icon.Home,
MenuScreenNavigate: scrHome,
MenuID: 1

},
{MenuLabel: "Events",
MenuIcon: Icon.CalendarBlank,
MenuScreenNavigate: scrAllEvents,
MenuID: 2
},
{MenuLabel: "Members",
MenuIcon: Icon.People,
MenuScreenNavigate: scrManageMembers,
MenuID: 3
});
 
Added navigation component to all screens and it's working as expected. Now I would like to new links to the navigation table but I want to use Launch() function instead of App.Activescreen.
 
First 3 links should use App.Activescreen and the new links should use Launch() to open external links in a new window.
 
I added one more column with Launch() function couldn't expected results. Can anyone provide me ideas to achieve this functionality.
 
Any help would be greatly appreciated.
 

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (3)

Answers (1)

Suggested answer

Michael E. Gernaey 53,969 Moderator on at

Like (0)

Report
Copy link

Link copied!

Hi,

I am not sure what you mean by you added a column for Launch

I think, what you have is pretty good.

What you could do, is add an extra column called External and make it a boolean.

Put true or false

Then when they click, Check if its External and if so use Launch and MenuScreenNavigate would actually be the URL

But if its false then its just a Navigate

If this helps please mark as the answer

Was this reply helpful? Yes No
Verified answer

OK29 388 on at

Like (0)

Report
Copy link

Link copied!

At last I was able resolve this.

Added two more properties as below

Table(

{MenuLabel: "Home",

MenuIcon: Icon.Home,

MenuScreenNavigate: App.ActiveScreen,

MenuLaunch: LaunchTarget.New,

MenuType:"Screen",

MenuID: 1

},

{MenuLabel: "Events Screen",

MenuIcon: Icon.CalendarBlank,

MenuScreenNavigate: App.ActiveScreen,

MenuLaunch: LaunchTarget.New,

MenuType:"Screen",

MenuID: 2

},

{MenuLabel: "Members",

MenuIcon: Icon.People,

MenuScreenNavigate: App.ActiveScreen,

MenuLaunch: LaunchTarget.New,

MenuType:"Link",

MenuID: 3,

});

Added the following code for OnSelect Property of the gallery of the component.

If(ThisItem.MenuType="Link", Launch(ThisItem.MenuLaunch),Navigate(ThisItem.MenuScreenNavigate))

Added the following code on App Start property.

Table(

{MenuLabel: "Home",

MenuIcon: Icon.Home,

MenuScreenNavigate: scrHome,

//MenuLaunch: "", //No need to add

MenuType:"Screen",

MenuID: 1

},

{MenuLabel: "Events",

MenuIcon: Icon.CalendarBlank,

MenuScreenNavigate: scrAllEvents,

//MenuLaunch: "", //No need to add

MenuType:"Screen",

MenuID: 2

},

{MenuLabel: "Members",

MenuIcon: Icon.People,

//MenuScreenNavigate:, //no need to this for link

MenuLaunch: "Google.com",

MenuType:"Link",

MenuID: 3

});

Was this reply helpful? Yes No
OK29 388 on at

Like (0)

Report
Copy link

Link copied!

@FLMike, Thank you Mike for your comments. I was able to resolve this by adding two columns as mentioned in the code which was almost similar to your answer.

Was this reply helpful? Yes No