Checklist: Add Content to your Mobile Site with DotNetNuke

This checklist describes how to use the containers "MobilePage" and "MobileBlankContent".

General Tipps:

Create a mobile ajax-page (button with hidden content)
Add a module "HTML" to the pane "Mobile" and use container "MobilePage"
Ensure this module is using the container "MobilePage".

The module title is used for the button text and for the ajax-page title. The content of the module will appear on click.
Create a mobile button which links directly to another URL
Add a module "HTML" to the pane "Mobile" and use container "MobileBlankContent"
Add the button manually as described in the information panel of this step
Just add the link like this:
<a class="MobileNavButton" href="http://www.domain.com/products?View=Classic target="_blank"> Products </a>

Note: Links that point to other domains or that have rel="external", data-ajax="false" or target attributes will not be loaded with Ajax. Instead, these links and will cause a full page refresh with no animated transition. Both attributes have the same effect, but different semantic meaning: rel="external" should be used when linking to another site or domain, while data-ajax="false" is useful for simply opting a page within your domain from being loaded via Ajax. Because of security restrictions, the framework always opts links to external domains out of the Ajax behavior.
New Step
There are no steps, click here to create one

Create a mobile ajax-page (button with hidden content)