Here are some quick thoughts on this:
1) this is the basic flow
joke-category-page => joke-page
2) you will create 1 design for each page, e.g., joke-category design and joke-page design
3) the joke-category-page will contain a List component. Each List-Item will navigate to a joke page. So the “Link Property” of each list-item will contain the name of the mobione design file that it will navigate to when selected.
4) When you export your code the default HTML code-generation architecture is to create static page includes. That is a fancy way of saying all of the html pages for each design will be merge into a single HTML file. This 1 page is loaded at runtime and no other content is loaded from the web server. This is a classic ajax-ish web page architecture.
If you change the HTML setting to Dynamic Page Includes then an html file will be generated for each design. Then at runtime when the user clicks on the joke category mobione will dynamically load the page from the server and transition to it.
Choose the Static Page Include setting when you only have a few pages and in most flows a user will click through all the pages. If you have content that is dynamically updated and needs to be refreshed in the app then choose Dynamic Page Includes.
Wayne
Genuitec Mobile Team