how to build a footer Menu component? Need help - image and how to link it?? - anyone can advise?

[bbsin]

HI 

I try to build the footer menu component from Daniel's video.. how to link it back to the screen??

he mention to on the Access app Scope but I cannot see it in my app.  please help .. all is fine expect it's not link back to the right screen and how can I add three different images in?    I put one image and the gallery show it in the rest.

Thank you

[rampprakash]

HI @bbsin,

Have you tired in the component itself with navigate operation?

Please mark as Answer if it is helpful and provide Kudos

Blog : https://microsoftcrmtechie.blogspot.com
Subscribe : https://www.youtube.com/channel/UCnGNN3hdlKBOr6PXotskNLA

[Ramole]

@bbsin 

Have a look this footer component sample this post https://powerusers.microsoft.com/t5/Canvas-Apps-Components-Samples/PPOC2020-Footer-Component/m-p/503... 

[bbsin]

hi thanks All

I just need to be able to use the footer component ; click and bring user to the right screen.

No need the notification. 

I have added

ON start ClearCollect(ColScreenNav, {Id: 1, Screen: DashBoard},{Id: 2, Screen:'My Activity'}, {Id:3, Screen: 'Booking Screen'})

[v-bofeng-msft]

Hi @bbsin :

Step 1: Add a input type property to you component

Step 2:Set the component's Items property to

Table({Id: 1, Screen:App.ActiveScreen},{Id: 2, Screen:App.ActiveScreen}, {Id:3, Screen:App.ActiveScreen})

Step 3:Set the Gallery's items property to:

Parent.Items

Step 4:Add a image control in to the gallery and set

Image property:

Switch(ThisItem.Id,1,'pic1',2,'pic2',3,'pic3')

OnSelect property to:

Navigate(ThisItem.Screen)

Step 5:Add the component into your canvas app and set it's items property to

Table({Id: 1, Screen: DashBoard},{Id: 2, Screen:'My Activity'}, {Id:3, Screen: 'Booking Screen'})

Best Regards,

Bof

[bbsin]

hi @v-bofeng-msft 

Thank you for the detail solution.    

Two questions  - on my end there's error

1)  For component images  .. pic1, pic2, and pic3.. do I need to upload images?? 

I want to use the icon in PowerApps to represent.. eg the home, add and person.

2) it's not linking..  

I have onstart -  does it affect?

If I put the steps 3 

- my previous

if I put as - all items have errors?  The text is link to 

Step 3:Set the Gallery's items property to:

Parent.Items

  Screen - input the component - nothing happened.. no linkage.   

Do advise which part I am not doing it right.  Thank you

[v-bofeng-msft · Accepted solution]

Hi @bbsin :

Q1:For component images  .. pic1, pic2, and pic3.. do I need to upload images?? 

Step 1: Add a input type property to you component

Step 2:Set the component's Items property to

Table({Id: 1, Screen:App.ActiveScreen,pic:SampleImage},{Id: 2, Screen:App.ActiveScreen,pic:SampleImage}, {Id:3, Screen:App.ActiveScreen,pic:SampleImage})

Step 3:Set the Gallery's items property to:

Parent.Items

Step 4:Add a image control in to the gallery and set

Image property:

ThisItem.pic

OnSelect property to:

Navigate(ThisItem.Screen)

Step 5:Add the component into your canvas app and set it's items property to

Table({Id: 1, Screen: DashBoard,pic:YourPIC1},{Id: 2, Screen:'My Activity',pic:YourPIC2}, {Id:3, Screen: 'Booking Screen',pic:YourPIC3})

Q2:it's not linking..  

The point is that the input property name's in my solution is Items but on your side it's TabFoots. You should try 

ThisItem.TabFoots

Best Regards,

Bof

[bbsin]

Hi @v-bofeng-msft 

Ha ha sorry about it.

Great.  It's working now.

Cheers, 

[bbsin]

Hi @v-bofeng-msft 

thanks