cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
bbsin
Post Prodigy
Post Prodigy

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

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.

 

bbsin_0-1631066935396.png

 

Thank you

1 ACCEPTED SOLUTION

Accepted Solutions

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

vbofengmsft_0-1631510828325.png

 

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})

vbofengmsft_1-1631510829023.png

 

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})

vbofengmsft_2-1631510829099.png

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

View solution in original post

8 REPLIES 8
rampprakash
Super User
Super User

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
Super User
Super User

@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... 

Thank you
If this post helps, then Click on the Thumbs Up below. and Accept it as the solution . to help others find helpful.
bbsin
Post Prodigy
Post Prodigy

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'})

 

 

Hi @bbsin :

Step 1: Add a input type property to you component

vbofengmsft_0-1631253708169.png

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})

vbofengmsft_1-1631253987945.png

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'})

vbofengmsft_3-1631254618296.png

 

Best Regards,

Bof

 

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?

bbsin_0-1631505817794.png

 

 

bbsin_1-1631505873034.png

 

 

If I put the steps 3 

- my previous

bbsin_2-1631505947092.png

 

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

bbsin_4-1631506205107.png

 

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

Parent.Items

bbsin_3-1631506158226.png

 

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

bbsin_5-1631506278949.png

 

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

 

 

 

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

vbofengmsft_0-1631510828325.png

 

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})

vbofengmsft_1-1631510829023.png

 

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})

vbofengmsft_2-1631510829099.png

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

Hi @v-bofeng-msft 

 

Ha ha sorry about it.

 

Great.  It's working now.


Cheers, 

Hi @v-bofeng-msft 

thanks

Helpful resources

Announcements
Power Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Community Call Conversations

Introducing the Community Calls Conversations

A great place where you can stay up to date with community calls and interact with the speakers.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (2,673)