Unanswered

OnSelect action on components to navigate to screen

(1) Share

Report

Posted on by ARJ

I am trying to build an app in which when in click the component that has an image and title, I should be directed to its corresponding page (screen).

The home page looks like the following:

One of the component which I tried to link to its corresponding screen is as follows:

I do not understand why the component cannot navigate to an existing screen. What am I missing?

Thank you.

Categories:

Building Power Apps

I have the same question (0)

All responses (7)

Answers (0)

Silvester. Akakpo 783 on at

Like (1)

Report

Hello @ARJ ,
Components have limitations, you cannot reference a screen in a component. The component will not recognize the name of the screen. Components are mostly decoupled from apps. Read more here

https://docs.microsoft.com/en-us/power-apps/maker/canvas-apps/create-component?msclkid=178954aeca3711ecb3f54167eec705f1#known-limitations

If you find this post helpful, give it a like or accept it as solution to help others find it

Was this reply helpful? Yes No
ARJ 7 on at

Like (2)

Report

Ok. I understand that the facility is not available. Is there a workaround using something such as a custom property?

I was referring to this link in particular: Solved: Navigation from Dialog Components - Power Platform Community (microsoft.com). Can having two invisible button solve this issue?

Was this reply helpful? Yes No
Silvester. Akakpo 783 on at

Like (2)

Report

Yes. A custom component is not a bad idea. You can make button transparent to overlay the object an make sure the button is on top of the object or component. You can even use a label to achieve that. it should work.

if it works, do give a thumbs up and accept this as a solution to enable others to find it.

Was this reply helpful? Yes No
Suggested answer

BM-03092043-0 4 on at

Like (2)

Report

You can now pass a screen to a component as a custom input variable and then call navigate in the onselect property.
https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/map-component-input-fields

your onselect would look similar to:

Navigate(ComponentName.InputName)

Was this reply helpful? Yes No
timl 36,383 Super User 2025 Season 2 on at

Like (1)

Report

Hi ARJ,

The second screenshot that you posted isn't appearing for me.

If you want to navigate to another screen when clicking the component, another method is to define an Event Property in the component (which you will raise when the user clicks a control in the component).

https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/component-properties

You can then handle the event in the host screen by calling the Navigate function.

Was this reply helpful? Yes No
inanoffice23 299 Moderator on at

Like (0)

Report
@BM-03092043-0

Thank you for the tip regarding Screen, I almost got it working

In my Library component

I have custom properties

- OnButtonClicked, Event, no parameters and no return data type

- TargetScreen, Data, Input, Screen

I have a gallery, and in the 'edit' button inside the gallery, I have this

Select(Parent); ActionsGalleryComponent.OnButtonClicked()

In my parent app, when I try the below from outside the component with a button, it works

Navigate(ActionsGallery_1.TargetScreen)

If I try to add that same code in my OnButtonClicked, it won't navigate

In fact OnButtonClicked doesn't even want to navigate to a normal screen like

Navigate(Colours)

I am navigating to a single record, and it has complex columns like look up and choice columns, so I always rebuild the record so it can show all the fields properly

Not too sure what I am missing, at the moment user has to select gallery record, and then the button. I can't seem to just let the user click on the gallery record and navigate smoothly like your normal gallery would

I have raised this here too, to no avail How to navigate from a gallery that is in a Library Component?

Was this reply helpful? Yes No
inanoffice23 299 Moderator on at

Like (0)

Report

I have fixed it at last :)

I had some sample data OnButtonClicked in my Event in the library component, I deleted it and it now works

Inside the edit button, on select from the gallery item

Select(Parent);
ActionsGalleryComponent.OnButtonClicked()

2 more custom properties

TargetScreen of type Screen
SelectedActionFromGallery, data, output, record

In the parent app

On visible screen, set the variable Set(GotoAction, 'Name of your screen')
TargetScreen add GoToAction (it cannot accept screen name directly as it wants a Control)
OnButtonClicked has not only the navigation, but also I specify how the record is meant to look like, otherwise it won't work, see sample in this post How to navigate from a gallery that is in a Library Component?

Was this reply helpful? Yes No