How to create an app in PubCoder:

the following guide will show you how to prepare a layout and export it as a native App for Android and iOS devices


– Create a default workspace (or add a new one, if already existing), based on a iOS or Android format.

 Add New Workspace



Multi-format App: if you want to create a design for a specific device size, add a new workspace in the desired format (iOS or Android) with the desired size. Make sure that the new workspace is based on the first workspace you created, so that all assets inherit the properties set in the first workspace.


Add New Workspace Based



Multi-orientation App: you can create a design for a specific orientation. Just switch the “Orientation” selection button to the desired one and layout your assets as desired.


Add New Workspace Orientation


Multi-localized App: you can create as many localized versions as you prefer. Add new workspaces based on a new localization, switch to the new workspace and customize your assets. PubCoder will take care to feed a Language Menu in the App with all the localizations found, via this menu the End User to view the App in any desired language included in your App.


Add New Workspace Localization

screen Landscape With Languages
In General Settings you can set the User Interface options for your App. Please note that all settings are valid for the specific workspace you are working on. Main options are:

Page Progression Direction. Here you can set the reading direction of your App, options are: left to right and right to left.

Pixels density: define high resolution rate for your App (see Pixels density section)

Facing Pages in Landscape: in a Portrait workspace you can activate rotation in Landscape and view on screen two pages in portrait mode.

Pages Thumbnail Mask: the Table of Contents Menu is a Scrollview at the bottom of screen with a print screen of the page as thumbnail of the page. You can customize its aspect by inserting here your preferred image as mask.

Swipe to Navigate: enable swipe to browse between pages. If not activated we recommend to use custom navigation assets on overlay (see below Custom User Interface).

Touch to Open App Menu: enable toggle open and close default toolbars on touching any part of the screen (excluding interactive assets). If not activated we recommend to include a custom button on overlay (see below Custom User Interface).

 General Settings



– Custom User Interface. If you don’t want to use swipe to navigate and touch to open App menu features, you can create your own custom assets to browse between pages and access to specific funcionalities (open index and localizations menu). We recommend to use the Overlay layout in the Table of Contents. Here you can position your custom assets for navigation options: go to next page, go to previous page, open App menu, open localizations.

Select the desired asset, open the Actions menu, select the desired event (typically: On Touch Up or On Touch Down) and via the Add New Action add the preferred action.


If Facing Pages in Landscape option is selected, some of these actions you may want to view them only on certain pages. Select the desired object, open the Inspector Panel, select one of the options of Include in Pages. The options are: with Auto the App will automatically determine where to position the elements. For example: Go to Next Page and Go to Previous Page will be viewed only on pages where needed. If Odd, Even or Odd options are selected the App will respect your choice. We recommend to select Auto for the Go to Next Page and Go to Previous Page options and select Even or Odd for the Open App Menu or Open Localizations Menu.
Facing Pages

Credits. From the top toolbar a button opens a window where all credits and copyright are declared. These include your project info and credits, and PubCoder’s ones. The fields from the General Tab (Title, Author, Rights) are used, as well as the cover.