Class ViewModule

Provides access to the OpenFin representation of the current code context (usually a document such as a OpenFin.View or OpenFin.Window), as well as to the current Interop context.

Useful for debugging in the devtools console, where this will intelligently type itself based on the context in which the devtools panel was opened.

Creates a new View.

Example

let view;
async function createView() {
    const me = await fin.Window.getCurrent();
    return fin.View.create({
        name: 'viewNameCreate',
        target: me.identity,
        bounds: {top: 10, left: 10, width: 200, height: 200}
    });
}

createView()
    .then((createdView) => {
        view = createdView;
        console.log('View created.', view);
        view.navigate('https://google.com');
        console.log('View navigated to given url.');
    })
    .catch(err => console.log(err));
Copy

Note that created views needs to navigate somewhere for them to actually render a website.

Asynchronously returns a View object that represents the current view

Example

fin.View.getCurrent()
    .then(view => console.log('current view', view))
    .catch(err => console.log(err));

Copy

Synchronously returns a View object that represents the current view

Example

const view = fin.View.getCurrentSync();
console.log(view);

Copy

Asynchronously returns an API handle for the given View identity.

Remarks

Wrapping a View identity that does not yet exist will not throw an error, and instead returns a stub object that cannot yet perform rendering tasks. This can be useful for plumbing eventing for a View throughout its entire lifecycle.

Example

fin.View.wrap({ uuid: 'testViewUuid', name: 'testViewName' }))
    .then(view => console.log('wrapped view', view))
    .catch(err => console.log(err));
Copy

Synchronously returns an API handle for the given View identity.

Remarks

Wrapping a View identity that does not yet exist will not throw an error, and instead returns a stub object that cannot yet perform rendering tasks. This can be useful for plumbing eventing for a View throughout its entire lifecycle.

Example

const view = fin.View.wrapSync({ uuid: 'testView', name: 'testViewName' });
await view.hide();
Copy