Footer - How do I have icons set at equal distances?

[SunshineK]

Hi Team, 

Super new to Power Apps. 

As the subject states - How do I have icons set at equal distances in footer?

Currently I am doing by eye... poorly!

Also, I want to ensure that this changes with the width of a screen (I do have the footer component width set at App.Width) 

This is what is looks like: (I know its not even lol)

Any help would be greatly appreciated. 

Cheers. 

[WarrenBelz · Accepted solution]

Hi @SunshineK 

Select them all, go to the Home tab, then select Align > Top  and then Align > Distribute Horizontally as below

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

[SunshineK]

Thanks so much Warren 😌👍

[SunshineK]

Further to this - For each icon I want it to act like a button - so I have attempted to use OnSelect to navigate to the appropriate screen - example as above - 'ScreenHome'. 

My OnSelect formula is: 

And my settings are: 

AutoDisableOnSelect - false

DisplayMode - DisplayMode.Edit

Doesn't work - am I missing something?

Thank you 

[SunshineK]

For those stuck on a similar issue - I did eventually find the solution from another post in forum. 

A custom property needs to be created within the component to navigate screens and then needs to be applied to each screen which has this component. 

Seen here: https://powerusers.microsoft.com/t5/Webinars-and-Video-Gallery/PowerApps-Tuesday-Tutorials-43-Compon... 

Cheers 🙂