Creating an ASP.Net AB Suite/EAE WebApp for Use with Smartphone Devices

An ASP.Net AB Suite/EAE Smartphone WebApp uses Web Forms application presentation projects (See Creating Web Forms Application Projects.) and is optimized for an AB Suite or EAE application accessed on the following types of mobile devices:

An ASP.Net AB Suite/EAE Smartphone WebApp also works well with the following tablet devices:

When you create an ASP.Net AB Suite/EAE Smartphone WebApp, ePortal generates a Web application which closely emulates a native smartphone app. In particular, the generated Web application contains themes for iOS, Android, or Windows 8.1 or higher. The application can optionally select the correct theme, dynamically, at runtime, allowing a single ePortal presentation application to closely emulate a native app on each platform.

Perform the following procedures to create and customize the ASP.Net WebApp.

Procedure 1 - Adding the ePortal Presentation Project

  1. In Solution Explorer, right-click the solution node, click Add, then click New Project....

  2. In the Create a new project dialog box, do the following:

    Notes:

    • Select C# or All Languages from the Language list.

    • Select Windows or All Platforms from the Platform list.

    The ePortal templates are not displayed if other values are selected.

    1. Select ePortal Previous Versions from the Project Type list.

      The ePortal Previous Versions templates are displayed.

    2. Do any one of the following to select the template:

      • From the templates list, select ASP.Net AB Suite/EAE Smartphone WebApp,and then click Next.

      • Enter ASP.Net AB Suite/EAE Smartphone WebApp in the search option, select the template from the search result, and then click Next.

  3. If desired, change the Project name, Location, and Framework, and click Create.

    Notes:

    • If you do not select a desired Framework, a default Framework version is selected.

    • For information on selecting the .NET version, refer to Multi-Targeting Issues.

  4. If there is an associated data source project, make any necessary changes on the Presentation Generation Options dialog. Refer to Presentation Generation Properties for a Web Forms Mobile Project for information about the properties.

  5. Click OK. The presentation project appears in Solution Explorer.

Procedure 2 – Controlling the Look and Feel

Once you have created your presentation project, you can control the look and feel of your application screens.

Building the Solution

Note: Before building your solution, review the topics at Controlling the Look and Feel of Your Presentation. Some of these steps are best performed before you build your presentation project and some steps cannot be completed until after you have built your presentation project.

In Solution Explorer, right-click the solution node, and then click Build Solution. The presentation project is populated with appropriate items. Refer to Building Your ePortal Solution for more information.

Procedure 3 - Controlling the Behavior

Once you have built your presentation project, you can control the runtime behavior of your application. Refer to Controlling the Runtime Behavior of Your Presentation for more information.

Procedure 4 - Testing

Refer to Testing a Presentation Project.

Next Step

Go to Staging a Presentation Project.