Content Comparison

• General Overview
• Get Started
• More Resources
• View Widget on Your Phone
• Manual App Creation

Other Documents

• Portal SDK Document
• HTML Directives
• Portal SDK API Reference
• Server API List

General Overview

You can make your widget projects work on both the Portal web and the Portal app. When you create a new project, the Portal SDK provides two html files for you.

• appView.html - contains interface of your app widget.
• view.html - contains interface of your web widget.

Both html files share the same controller. Refer to the JavaScript section of the Portal SDK Document for more information about your controllers.

Get Started

Complete the following steps to created an app view for your widget project.

1. If you do not have an existing project, follow the General Overview section of the Portal SDK Document to create a new widget project.
2. In the HTML tab of the Portal SDK, click the drop-down menu below the tab name.
   Image Added
3. Select appView.html from the drop-down menu. If you do not see this file, select Add a new file... to create this file.
4. Code the app interface of your widget in the appView.html.

More Resources

The interfaces of Portal App widgets are based on the Ionic framework. It is used to build mobile apps solely with the help of HTML, CSS and JavaScript code. Refer to the Ionic Document to add more CSS components and JavaScript UIs to your app interface.

View Widget on Your Phone

Complete the following steps to view your widget in Portal app.

1. Launch the Portal app on your phone.
2. Tap the More button from the main menu.
3. Tap the Developer Mode toggle to show the Develop Widgets menu item.
   Image Added
4. Tab the Develop Widgets item to show the list of your widget projects.
5. Tab your widget project to view it.

Manual App Creation

Create entries in Widget, Widget Project tables - then in Project Access and Project Access Grouping.

Restart server (**IIS is required to restart right?**) to clear cache.