Skip to content
Repository for the tabstrip used by default in the OpenFin Layouts Service
Branch: master
Clone or download
Latest commit 7da8525 Feb 28, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
res Sample now contains an express server app, so that sample tabstrip ca… Sep 4, 2018
src Update to latest layouts Feb 28, 2019
.gitignore Sample now contains an express server app, so that sample tabstrip ca… Sep 4, 2018
LICENSE Create LICENSE Jan 28, 2019 updated license Feb 4, 2019
package-lock.json Update to v1 stable Feb 28, 2019
package.json Update to v1 stable Feb 28, 2019
tsconfig.json init Sep 3, 2018
webpack.config.js init Sep 3, 2018

OpenFin Layouts - Tabstrip


OpenFin Layouts delivers window management and layout user experience across the desktop for OpenFin-based applications -

This project is an example of how to build your own tabstrip to be used with the Layouts service.

This repo is meant for educational purposes only, so we have removed the build script. Do not try to build this repo and use it in your application. If you want to see this code in action, take a look at the layouts-service repo:



  • Example tabstrip with UI elements for tabs, with icons and css for maximize/minimize/close/restore
  • Tabstrip enables rearranging and renaming tabs
  • The code wires the tabstrip to the following events emited by the Layouts service
    • 'join-tab-group'
    • 'leave-tab-group'
    • 'tab-activated'

Repository overview

  • Images in /build/css/image
  • CSS in /build/css
  • Typescript code
    • Separate tabs on the tabstrip - /src/TabItem.ts
    • Tabstrip - /src/TabManager.ts
    • Wiring and setup - /main.ts
  • HTML, with template section - /build/css/tabstrip.html

Getting Started


To use a custom tabstrip in an application, call setTabClient on startup of the application. The applications main window and all child windows will now use the custom tabstrip when windows are tabbed, either programatically or by user drag/drop actions. Windows with different tabstrips cannot be tabbed together.

//import the client module
import * as Layouts from "openfin-layouts"




This project uses the Apache2 license

However, if you run this code, it may call on the OpenFin RVM or OpenFin Runtime, which are covered by OpenFin's Developer, Community, and Enterprise licenses. You can learn more about OpenFin licensing at the links listed below or just email us at with questions.


This is an open source project and all are encouraged to contribute. Please enter an issue in the repo for any questions or problems. For further inqueries, please contact us at

You can’t perform that action at this time.