Page Include - From a row on a table

Try this:

1. create a model on your list object called “SelectedRow”
2. create a condition on that model of id=
   (Leave the value blank) and set the condition to filterable default on
3. in your action sequence when you select from the list:
   A) add an action that activates and sets the value of that condition on SelectedRow
   B) add an action to query the model SelectedRow

This will give you the context row you can past in a page include.
{{$Model.SelectedRow.data.0.Id}}

C) add action to toggle your page include component to hidden
D) add action to toggle your page include component to show

This will force your page include to reload

Thanks for the pointer. It worked.
It also ended up pointing me to another solution which is to NOT setup the Page Include in the designer.

I made an Action Sequence (I call it from multiple interactions) to load the correct page into the page include with the ID from the ‘context’ row. Still weird to me that the context is implied and if you don’t know it’s there, you won’t know it’s there…

The list/table click interaction runs this “ProjectSelected” action sequence which loads the skuid record page in the page-include.

So this works pretty well. I need to figure out how to have a ‘preview’ in the page-include area that says “Select a project” or something, OR have it just load the first row in the table/list.

Thanks for you help.

A slight clarification here:

Use the page configuration directly in the Page INclude component to set up the “on page load” behavior. Here you can call a different “Blank state” page or call your detail page in the context of the first row of the list model etc.

But the include will not automatically update when selections are made in the list. Here you have to configure the interaction using a sequence like the one you shown above.

Skuid is smart. But not that smart…

Thanks for the clarification. I resetup the ‘on page load’ to use the first row of the model.

Is/how can I make the first row of the ‘list component’ go into a selected state?
I have the list set to make the row selected which clicked, but can’t figure out how to ‘programmatically’, so-to-speak, set the first row to be selected ‘on load’.