Skip to content

Latest commit

 

History

History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 

README.md

How To Use Popup Window | Advanced

version

Note: this feature is available for development purposes only and will be officially released in v26.

How it Works

Once the app loads our /app view will create a hidden window with the name 'popup'. The client/src/app.ts sets up a button that when clicked will show that name: 'popup' window as a popup. This window will be hidden when the popup is dismissed and could be shown again with different content by changing the url passed to showPopupWindow.


Get Started

Follow the instructions below to get up and running.

Set up the project

  1. Install dependencies. Note that these examples assume you are in the sub-directory for the example.
$ npm install
  1. Build the project.
$ npm run build
  1. Start the test server in a new window.
$ npm run start
  1. Start the Platform application.
$ npm run client

What you will see

A single view with a "show popup" button, click the button to create and interact with the popup window.


A note about this example

This is an example of how to use OpenFin APIs to configure OpenFin Container. Its purpose is to provide an example and suggestions. DO NOT assume that it contains production-ready code. Please use this as a guide and provide feedback. Thanks!