binarywang / kibana-floating-toolbar

Free up Kibana screen real estate with a floating top navigation toolbar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Kibana Floating Toolbar

Free up Kibana screen real estate with a floating top navigation toolbar.

Tested on Kibana 7.17 and 8.x.

floating-toolbar

This plugins adds a top nav button that allows to dock \ undock the top navigation bar. The preferred configuration is stored on local storage between sessions and is shared between kibana instances that use this plugin.

Development

Prerequisites

Node

Running Kibana in development mode requires having node installed.

The most convenient way is to install nvm, then once you checkout the kibana repository, run nvm use to know which version of node to use.

Install the right version by running:

nvm install VERSION

yarn

Install yarn by running:

npm install --global yarn

Environment setup

Checkout the appropriate version of kibana

git clone https://github.com/elastic/kibana.git
cd kibana
git checkout KIBANA_VERSION

Setup the kibana for local development (This might take a while the first time)

yarn kbn bootstrap 

Clone the plugin into the plugins directory. You may also fork the project to customize it and check out your own version of the plugin.

cd plugins
git clone https://github.com/lizozom/kibana-floating-toolbar.git

Go back to the kibana folder and start Elasticsearch in dev mode

yarn es snapshot

In parallel, start Kibana in dev mode (This might take a while the first time)

yarn start --no-base-path

Kibana should start with the plugin on. It will watch any changes in the plugin and rebuild it as needed.

Installing the plugin

Navigate into the plugin directory (within the kibana repository) and build it:

cd plugins/custom-kibana-theme
yarn build

This builds the plugin into a zip file under the build folder.

Place the build file on a web hosting or copy it to the deployment where you intend to install it, then install the plugin by running:

bin/kibana-plugin install PATH_TO_ZIP

More documentation on how to install a plugin from a zip file can be found here.

About

Free up Kibana screen real estate with a floating top navigation toolbar

License:Apache License 2.0


Languages

Language:TypeScript 76.8%Language:SCSS 18.7%Language:JavaScript 4.5%