Skip to content
PandaSuite Docs

Project properties

Use this page as a verified reference for the project properties, events, actions, and exposed data currently available in PandaSuite Studio.

Like any component, the project has its own properties, triggers, and actions. It also exposes a data binding tree so you can adapt the app to its launch context and runtime environment.

Selecting the Project

  1. Open PandaSuite Studio and select the project whose properties you want to modify.
  2. Through the breadcrumb trail, select the Project.
  3. Open the Properties panel: it contains the options available at the project level.
Example properties window

Project Properties

The Properties panel currently exposes the following sections.

Display and adaptation

  • Background Filling: sets the fill color shown around the project when the device ratio differs from the app ratio.
  • Responsive: enables automatic layout adaptation across screen sizes. Learn more
  • Image Resolution: lets you choose between Optimized and Responsive for project-wide image rendering. Learn more
  • System UI: controls native system bars with Hidden, Overlay, or Visible. Learn more
  • Magazine mode: enables horizontal swipe navigation between screens.
  • Number of fingers: appears when Magazine mode is enabled and lets you require 1 to 5 fingers for navigation.
  • Presentation mode: hides the cursor and lets you navigate with keyboard arrows on desktop.
  • Background Audio: keeps audio playing when the app moves to the background.
  • Keep Screen On: prevents the device from going to sleep while the app is in use.
  • Selectable texts (Web): allows text selection in web and PWA publications.
  • Auto. analytics: enables built-in analytics events related to usage and screen loading. It complements an analytics tool and a custom tracking plan.
  • Accessibility & Custom attributes: enables accessibility options at project and object level. Learn more

Languages and modules

  • Languages: add project languages, define the initial language, and manage the default language. Learn more
  • Modules: create and manage downloadable modules used for partial download. Learn more

Advanced parameters

  • Url parameters: declare launch parameters such as lang, wid, or any personalization value. Learn more
  • EMM (Enterprise Mobility Management) parameters: stores structured values for enterprise deployment contexts.
  • SAML (Security Assertion Markup Language) parameters: stores structured values related to SSO and SAML contexts. Learn more

Values declared in Url parameters, EMM (Enterprise Mobility Management) parameters, and SAML (Security Assertion Markup Language) parameters can then be reused through the project data binding tree.

Project Triggers

The project currently exposes three trigger events:

  • Launch: fires when the project opens. Use it to initialize variables, evaluate conditions, or load a specific screen.
  • Focus In: fires when the user returns to the app after switching away from it.
  • Focus Out: fires when the app loses focus or moves to the background.

Project Actions

The project currently exposes three actions:

  • Request Tracking Authorization (iOS): opens the App Tracking Transparency permission request on iOS.
  • Put/Remove Fullscreen: toggles fullscreen mode on and off.
  • Restart: restarts the project.

Project Information

Through data binding, the project exposes a contextual data tree. You can use it to personalize the experience, adapt layouts, detect launch conditions, or consume parameters passed to the project.

Data binding example

The project exposes the following tree, grouped by category:

General context

  • Project > Context > locale
  • Project > Context > userAgent
  • Project > Context > timezone
  • Project > Context > timestamp

Screen and project

  • Project > Context > Screen > width
  • Project > Context > Screen > height
  • Project > Context > Screen > density
  • Project > Context > Screen > breakpoint
  • Project > Context > Project > width
  • Project > Context > Project > height
  • Project > Context > Project > portrait

Viewer and environment

  • Project > Context > Viewer > type
  • Project > Context > Viewer > uid
  • Project > Context > Viewer > Web > isPWAInstalled
  • Project > Context > Network > wifiSSID
  • Project > Context > Permissions > tracking

Launch

  • Project > Context > Launch > Parameter(s) > ...
  • Project > Context > Launch > Url

Business parameters

  • Project > EMM parameter(s) > ...
  • Project > SAML parameter(s) > ...

Parameter(s) > ..., EMM parameter(s) > ..., and SAML parameter(s) > ... are dynamic branches: the available keys depend on what you declared in the project properties.

Common examples:

  • Detect the device language with Project > Context > locale
  • Adapt a layout with Project > Context > Screen > breakpoint
  • Control a deep link with Project > Context > Launch > Parameter(s) > wid
  • Check the iOS tracking status with Project > Context > Permissions > tracking