OpenFin Workspace Platform API
    Preparing search index...

    Interface ViewTabAppearanceOptions

    Per-view view-tab appearance settings, nested under workspacePlatform.viewTab on view options.

    import * as WorkspacePlatform from '@openfin/workspace-platform';

    const platform = WorkspacePlatform.getCurrentSync();
    await platform.Browser.createView({
      url: 'https://example.com',
      workspacePlatform: {
        viewTab: {
          backgroundColor: { default: '#1e3a5f', active: '#356aa3' },
          fontColor: { default: '#c9d8ea', active: '#ffffff' }
        }
      }
    });

    Returning a view to its theme defaults, naming every state that should be unset:

    await view.updateOptions({
      workspacePlatform: {
        viewTab: {
          backgroundColor: { default: '', hover: '', active: '', focus: '' },
          fontColor: { default: '', hover: '', active: '', focus: '' }
        }
      }
    });
    interface ViewTabAppearanceOptions {
        backgroundColor?: ViewTabStateColorOptions;
        controls?: ViewTabControl[];
        fontColor?: ViewTabStateColorOptions;
    }
    Index
    backgroundColor? controls? fontColor?
    backgroundColor?: ViewTabStateColorOptions

    Tab background color per state.

    controls?: ViewTabControl[]

    Snapshot-safe controls rendered in this view's tab.

    Rendering requires the GoldenLayout 2 engine with scrolling tab overflow, which is how the Core UI Browser creates its layouts (experimental.layoutEngine: 'v2', the Browser default). Windows that opt back in to the v1 engine render their tabs without custom controls, and this option is ignored rather than rejected.

    Controls render at a fixed size, so the right-most ones are clipped on tabs that are too narrow to fit them.

    fontColor?: ViewTabStateColorOptions

    Tab title text color per state. Does not affect the close or lock icons.

    Settings

    On This Page
    Properties