AboutSupportDeveloper GuideVersion 38.126.82.64

Options required to create a new window with Window.create.

Note that name is the only required property — albeit the url property is usually provided as well (defaults to "about:blank" when omitted).

interface WindowCreationOptions {
    accelerator?: Partial<Accelerator>;
    alphaMask?: RGB;
    alwaysOnTop?: boolean;
    api?: ApiSettings;
    applicationIcon?: string;
    aspectRatio?: number;
    autoShow?: boolean;
    autoplayPolicy?: AutoplayPolicyOptions;
    backgroundColor?: string;
    backgroundThrottling?: boolean;
    closeOnLastViewRemoved?: boolean;
    contentCreation?: ContentCreationOptions;
    contentNavigation?: NavigationRules;
    contentRedirect?: Partial<NavigationRules>;
    contextMenu?: boolean;
    contextMenuOptions?: ContextMenuOptions;
    contextMenuSettings?: ContextMenuSettings;
    cornerRounding?: Partial<CornerRounding>;
    customContext?: any;
    customData?: any;
    customRequestHeaders?: CustomRequestHeaders[];
    defaultCentered?: boolean;
    defaultHeight?: number;
    defaultLeft?: number;
    defaultTop?: number;
    defaultWidth?: number;
    downloadShelf?: DownloadShelfOptions;
    experimental?: any;
    fdc3InteropApi?: string;
    frame?: boolean;
    height?: number;
    hideOnClose?: boolean;
    hotkeys?: Hotkey[];
    icon?: string;
    ignoreSavedWindowState?: boolean;
    includeInSnapshots?: boolean;
    inheritance?: Partial<InheritableOptions>;
    interop?: InteropConfig;
    layout?: any;
    layoutSnapshot?: LayoutSnapshot;
    maxHeight?: number;
    maxWidth?: number;
    maximizable?: boolean;
    minHeight?: number;
    minWidth?: number;
    minimizable?: boolean;
    modalParentIdentity?: Identity;
    name: string;
    opacity?: number;
    permissions?: Partial<Permissions>;
    preloadScripts?: PreloadScript[];
    processAffinity?: string;
    resizable?: boolean;
    resizeRegion?: ResizeRegion;
    saveWindowState?: boolean;
    shadow?: boolean;
    showBackgroundImages?: boolean;
    showTaskbarIcon?: boolean;
    smallWindow?: boolean;
    state?: WindowState;
    taskbarIcon?: string;
    taskbarIconGroup?: string;
    throttling?: WindowThrottling;
    url?: string;
    uuid?: string;
    viewVisibility?: ViewVisibilityOptions;
    viewsPreventingClose?: "layout" | "all";
    waitForPageLoad?: boolean;
    width?: number;
    x?: number;
    y?: number;
}

Properties

accelerator?: Partial<Accelerator>

Enable keyboard shortcuts for devtools, zoom, reload, and reload ignoring cache.

alphaMask?: RGB

Turns anything of matching RGB value transparent.

Caveats:

  • runtime key --disable-gpu is required. Note: Unclear behavior on remote Desktop support
  • User cannot click-through transparent regions
  • Not supported on Mac
  • Windows Aero must be enabled
  • Won't make visual sense on Pixel-pushed environments such as Citrix
  • Not supported on rounded corner windows
alwaysOnTop?: boolean

Default Value

false

Always position the window at the top of the window stack.

Configurations for API injection.

applicationIcon?: string

Deprecated

use icon instead.

aspectRatio?: number

Default Value

0

The aspect ratio of width to height to enforce for the window. If this value is equal to or less than zero,
an aspect ratio will not be enforced.
autoShow?: boolean

Automatically show the window when it is created.

autoplayPolicy?: AutoplayPolicyOptions

Autoplay policy to apply to content in the window, can be no-user-gesture-required, user-gesture-required, document-user-activation-required. Defaults to no-user-gesture-required.

backgroundColor?: string

The window’s backfill color as a hexadecimal value. Not to be confused with the content background color (document.body.style.backgroundColor), this color briefly fills a window’s (a) content area before its content is loaded as well as (b) newly exposed areas when growing a window. Setting this value to the anticipated content background color can help improve user experience. Default is white.

backgroundThrottling?: boolean

Default Value

false

Determines whether WebContents will throttle animations and timers when the page becomes backgrounded. This also affects the Page Visibility API.

When true, the page is throttled whether it is hidden or not.

closeOnLastViewRemoved?: boolean

Default Value

true

Setting this to false would keep the Window alive even if all its Views were closed. This is meant for advanced users and should be used with caution. Limitations - Once a Layout has been emptied out of all views it's not usable anymore, and certain API calls will fail. Use layout.replace to create a fresh Layout instance in case you want to populate it with Views again. NOTE: - This option is ignored in non-Platforms apps.

contentCreation?: ContentCreationOptions

Configures how new content (e,g, from window.open or a link) is opened.

contentNavigation?: NavigationRules

Restrict navigation to URLs that match an allowed pattern. In the lack of an allowlist, navigation to URLs that match a denied pattern would be prohibited. See here for more details.

contentRedirect?: Partial<NavigationRules>

Restrict redirects to URLs that match an allowed pattern. In the lack of an allowlist, redirects to URLs that match a denied pattern would be prohibited. See here for more details.

contextMenu?: boolean

Deprecated

Superseded by contextMenuOptions, which offers a larger feature-set and cleaner syntax.

Default Value

true

Show the context menu when right-clicking on the window.
Gives access to the devtools for the window.
contextMenuOptions?: ContextMenuOptions

Configure the context menu when right-clicking on a window.

contextMenuSettings?: ContextMenuSettings

Deprecated

Superseded by contextMenuOptions, which offers a larger feature-set and cleaner syntax.

Configure the context menu when right-clicking on a window.

cornerRounding?: Partial<CornerRounding>

Defines and applies rounded corners for a frameless window. NOTE: On macOS corner is not ellipse but circle rounded by the average of height and width.

customContext?: any

A field that the user can use to attach serializable data that will be saved when Platform.getSnapshot is called. If a window in a Platform is trying to update or retrieve its own context, it can use the Platform.setWindowContext and Platform.getWindowContext calls. When omitted, inherits from the parent application. As opposed to customData, this is meant for frequent updates and sharing with other contexts.

Example

This Example shows a window sharing context to all it's views. By executing the code here in the correct context, the view will have global broadcastContext and addContextListener methods available. The window will synchronize context between views such that calling broadcastContext in any of the views will invoke any listeners added with addContextListener in all attached views.

In Window (frame)

const me = fin.Window.getCurrentSync();
me.on('options-changed', async (event) => {
if (event.diff.customContext) {
const myViews = await me.getCurrentViews();
const customContext = event.diff.customContext.newVal;
myViews.forEach(v => {
v.updateOptions({customContext});
});
}
})

in View (content)

const me = fin.View.getCurrentSync();
const broadcastContext = async (customContext) => {
const myWindow = await me.getCurrentWindow()
await myWindow.updateOptions({customContext})
};
const addContextListener = async (listener) => {
await me.on('options-changed', (event) => {
if (event.diff.customContext) {
listener(event.diff.customContext.newVal);
}
});
}
customData?: any

A field that the user can attach serializable data to be ferried around with the window options. When omitted, inherits from the parent application.

customRequestHeaders?: CustomRequestHeaders[]

Custom headers for requests sent by the window.

defaultCentered?: boolean

Centers the window in the primary monitor. This option overrides defaultLeft and defaultTop. When saveWindowState is true, this value will be ignored for subsequent launches in favor of the cached value.

NOTE: On macOS defaultCenter is somewhat above center vertically.

defaultHeight?: number

Default Value

500

The default height of the window. When saveWindowState is true, this value will be ignored for subsequent launches in favor of the cached value.

defaultLeft?: number

Default Value

100

The default left position of the window. When saveWindowState is true, this value will be ignored for subsequent launches in favor of the cached value.

defaultTop?: number

Default Value

100

The default top position of the window. When saveWindowState is true, this value will be ignored for subsequent launches in favor of the cached value.

defaultWidth?: number

Default Value

800

The default width of the window. When saveWindowState is true, this value will be ignored for subsequent launches in favor of the cached value.

downloadShelf?: DownloadShelfOptions

Controls the styling and behavior of the window download shelf.

Remarks

This will control the styling for the download shelf regardless of whether its display was triggered by the window itself, or a view targeting the window.

experimental?: any
fdc3InteropApi?: string
frame?: boolean

Default Value

true

Show the window's frame.
height?: number
hideOnClose?: boolean

Default Value

false

Hides the window instead of closing it when the close button is pressed.
hotkeys?: Hotkey[]

Defines the hotkeys that will be emitted as a hotkey event on the window. Within Platform, OpenFin also implements a set of pre-defined actions called keyboard commands that can be assigned to a specific hotkey in the platform manifest.

Example

This example shows the example of using the hotkeys option on Windows/Views and the corresponding hotkey event emitted when a specified hotkey is pressed.

Defining the hotkey

const myMagicWindow = await fin.Window.create({
name: 'magicWin',
hotkeys: [
{
keys: 'Ctrl+M',
}
]
});

Listening to the hotkey

myMagicWindow.on('hotkey', (hotkeyEvent) => {
console.log(`A hotkey was pressed in the magic window!: ${JSON.stringify(hotkeyEvent)}`);
});

Removing a hotkey

After the following change, the hotkey event will no longer be emitted when Ctrl+M is pressed:

const currentHotkeys = (await myMagicWindow.getOptions()).hotkeys;
const newHotkeys = currentHotkeys.filter(hotkey => hotkey.keys !== 'Ctrl+M');
myMagicWindow.updateOptions({
hotkeys: newHotkeys
});

Remarks

The hotkeys option is configured per-instance and isn't passed down to the children of Window/View. Therefore, if you want a Window/View and all of its children to support hotkeys, you must configure the hotkeys option for every created child.

icon?: string

A URL for the icon to be shown in the window title bar and the taskbar. When omitted, inherits from the parent application.

Note: Window OS caches taskbar icons, therefore an icon change might only be visible after the cache is removed or the uuid is changed.

ignoreSavedWindowState?: boolean

Ignores the cached state of the window. Defaults the opposite value of saveWindowState to maintain backwards compatibility.

includeInSnapshots?: boolean

Default Value

true

Include window in snapshots returned by Platform.getSnapshot(). Turning this off may be desirable when dealing with
inherently temporary windows whose state shouldn't be preserved, such as modals, menus, or popups.
inheritance?: Partial<InheritableOptions>

Controls whether an option is inherited from the parent application. The option is set as part of the window options for the parent application in either the Manifest.startup_app or Manifest.platform properties in the manifest or in ApplicationOptions.mainWindowOptions when calling Application.start. Use { [option]: false } to disable a specific [option]. All inheritable properties will be inherited by default if omitted.

interop?: InteropConfig
layout?: any
layoutSnapshot?: LayoutSnapshot

The collection of layouts to load when the window is created. When launching multiple layouts, manage the lifecycle via fin.Platform.Layout.create()/destroy() methods.

maxHeight?: number

Default Value

-1

The maximum height of a window. Will default to the OS defined value if set to -1.
maxWidth?: number

Default Value

-1

The maximum width of a window. Will default to the OS defined value if set to -1.
maximizable?: boolean

Default Value

true

Allows the window to be maximized.
minHeight?: number

Default Value

0

The minimum height of the window.
minWidth?: number

Default Value

true

The minimum width of the window.
minimizable?: boolean

Default Value

true

Allows the window to be minimized.
modalParentIdentity?: Identity

Parent identity of a modal window. It will create a modal child window when this option is set.

name: string

The name of the window.

opacity?: number

Default Value

1

A flag that specifies how transparent the window will be. Changing opacity doesn't work on Windows 7 without Aero so setting this value will have no effect there. This value is clamped between 0.0 and 1.0.

permissions?: Partial<Permissions>

API permissions for code running in the window.

Remarks

Superseded by DomainSettings.default.api.permissions - if present, this setting will be ignored. It is recommended for users to migrate to a domain-based security model, since it is more natural to assign trust to the source of the page content than to the context rendering it.

preloadScripts?: PreloadScript[]

Scripts that run before page load. When omitted, inherits from the parent application.

processAffinity?: string

String tag that attempts to group like-tagged renderers together. Will only be used if pages are on the same origin.

resizable?: boolean

Default Value

true

A flag to allow the user to resize the window.
resizeRegion?: ResizeRegion

Defines a region in pixels that will respond to user mouse interaction for resizing a frameless window.

saveWindowState?: boolean

Default Value

true

Caches the location of the window.

Note: this option is ignored in Platforms as it would cause inconsistent {@link Platform#applySnapshot applySnapshot} behavior.
shadow?: boolean

Default Value

false

Displays a shadow on frameless windows. shadow and cornerRounding are mutually exclusive. On Windows 7, Aero theme is required.

showBackgroundImages?: boolean

Default Value

false

**Platforms Only.** If true, will show background images in the layout when the Views are hidden.
This occurs when the window is resizing or a tab is being dragged within the layout.
showTaskbarIcon?: boolean

Default Value

true

Shows the window's icon in the taskbar.
smallWindow?: boolean

Default Value

false

Makes this window a frameless window that can be created and resized to less than 41x36 px (width x height).

Note: Caveats of small windows are no Aero Snap and drag to/from maximize. Windows 10: Requires maximizable to be false. Resizing with the mouse is only possible down to 38x39 px.

state?: WindowState

Default Value

"normal"

The visible state of the window on creation. One of:

  • "maximized"
  • "minimized"
  • "normal"
taskbarIcon?: string

Deprecated

  • use icon instead.
taskbarIconGroup?: string

Specify a taskbar group for the window. If omitted, defaults to app's uuid (fin.Application.getCurrentSync().identity.uuid).

throttling?: WindowThrottling

Window throttling state.

  • enabled: Both background throttling and scheduler throttling are true. It's fully throttled.
  • scheduler-disabled: The background throttling is true, but scheduler throttling is disabled.
  • disabled: The background throttling is false. The throttling is fully disabled.

Default Value

'enabled'

Remarks

If throttling option is present, the backgroundThrottling option is completely ignored for windows.

url?: string

Default Value

"about:blank"

The URL of the window
uuid?: string

Default Value

The uuid of the application, unique within the set of all Applications running in OpenFin Runtime. If omitted, defaults to the uuid of the application spawning the window. If given, must match the uuid of the application spawning the window. In other words, the application's uuid is the only acceptable value, but is the default, so there's really no need to provide it.

viewVisibility?: ViewVisibilityOptions

Platform Windows Only. Controls behavior for showing views when they are being resized by the user.

viewsPreventingClose?: "layout" | "all"

Default Value

'all'

When closeOnLastViewRemoved is set to true, determines which views prevent closing the window.

    • Defaults to all. You may want to switch this to layout if using View closeBehavior: 'hide'.

NOTE: - This option is ignored in non-Platforms apps.

waitForPageLoad?: boolean

Default Value

false

When set to true, the window will not appear until the window object's load event fires. When set to false, the window will appear immediately without waiting for content to be loaded.

width?: number
x?: number
y?: number