Skip to main content

So back in the day, I remember doing ‘console’ screens in Skuid v1 with a list/table on the left and page include on the right.

Clicking on an item in the list/table updated the page include to use the id of the item that was clicked on.

I looked at the Skuid Skool Page Include course, and it’s not-helpfully always using the hard-coded first row of the model. There’s no interaction on the ‘main’ page which influences the included page.


How do you get the page include to ‘draw’ with the selected row?

I setup a click interaction for the template field in my table, but now I have two problems. {{Id}} is always getting the same value, and I can’t figure out how to ‘send’ it to the page include.

The page include is setup with a Id=(param}Id condition on the ‘main’ model.


I was expecting the Interactions to have an option to update the page include or such.


I tried adding a “Run Page Include” action on the template field interaction, but there’s no option to pass the parameter. (Not that I know how to get the correct Id in context within an interaction.


Thanks for any tips.

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

    😎 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’.


Reply