change the page included in javascript

Another option for me would be to use an include page control, load it with a blank page to start and when the user clicks on a program run a snippet that loaded a detail page into the included page control and set the program id in its url.

Can you load a page into an included page control using javascript ?
I don’t see it in the api.

It’s not in the documentation, you’re right, but here’s how to do it:

First, make sure your Page Include component has a Unique Id set, so that we can reference it via JavaScript:

var row = skuid.model.getModel('MyModel').getFirstRow();<br>var pageInclude = skuid.$('#MyPageInclude').data('object');<br>pageInclude.pagename = 'AccountDetailInclude';<br>pageInclude.querystring = '?id=' + row.Id;<br>pageInclude.load(function(){<br>&nbsp; &nbsp;console.log('done loading');<br>});