Hybrid App Designer

The Hybrid App Designer allows you to create Hybrid App forms that can be deployed to devices and registered in SAP® Control Center.

The Hybrid App Designer contains these tabbed pages:

• Introduction – by default, opens when you create a new Hybrid App or double-click an existing one. To hide this page, click Window > Preferences, navigate to SAP AG > Mobile Development > Hybrid App Designer, and unselect the option, Show the Introduction page when opening the designer.
• Flow Design – displays an empty canvas if you did not choose any of starting points in the New Hybrid App Designer. If you selected a starting point when creating the new Hybrid App form, the selected starting point appears.

  Use this page to specify how starting points and screens link together. The Palette view on the right shows available starting points, screens, and connections. You can drag and drop items from the Palette to the canvas. Screens and starting points that you drag to the Flow Design canvas appear as icons. Double-click a screen to open the Screen Design page.

  Right-click anywhere in the Flow Design page to open a context menu.

• Screen Design – use this page to design the screen of your Hybrid App. The Palette view provides menu items and controls that you can add to your screen.
• Preview screens – optionally, display previews of how your screen design will look on specific devices. To see the preview tabs, enable their display in Preferences.

Separate from the Designer, the Outline view provides an expandable tree that you can use to quickly view and navigate the components of your Hybrid App. It also includes a thumbnail view of either the Screen Design or Flow Design.

• Setting Hybrid App Designer Preferences
  Use the Preferences dialog to set the default appearance behavior of Hybrid App Designer elements.
• Hybrid App Designer Preferences
  Settings for the default appearance and behavior of Hybrid App Designer elements.