bottom/0.6.1/usage/general-usage/index.html
2022-06-25 22:42:32 -04:00

1208 lines
39 KiB
HTML

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description"
content="Yet another cross-platform graphical process/system monitor, inspired by gtop, gotop, and htop.">
<meta name="author" content="Clement Tsang">
<link rel="canonical" href="https://clementtsang.github.io/0.6.1/usage/general-usage/">
<link rel="icon" href="../../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.1.2, mkdocs-material-7.1.8">
<title>General Usage - bottom</title>
<link rel="stylesheet" href="../../assets/stylesheets/main.ca7ac06f.min.css">
<link rel="stylesheet" href="../../assets/stylesheets/palette.f1a3b89f.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700%7CRoboto+Mono&display=fallback">
<style>
:root {
--md-text-font-family: "Roboto";
--md-code-font-family: "Roboto Mono"
}
</style>
<link rel="stylesheet" href="../../stylesheets/extra.css">
</head>
<body dir="ltr" data-md-color-scheme="default" data-md-color-primary="" data-md-color-accent="">
<script>function __prefix(e) { return new URL("../..", location).pathname + "." + e } function __get(e, t = localStorage) { return JSON.parse(t.getItem(__prefix(e))) }</script>
<script>var palette = __get("__palette"); if (null !== palette && "object" == typeof palette.color) for (var key in palette.color) document.body.setAttribute("data-md-color-" + key, palette.color[key])</script>
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#general-usage" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<header class="md-header" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../.." title="bottom" class="md-header__button md-logo" aria-label="bottom" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54z" />
</svg>
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z" />
</svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
bottom
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
General Usage
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default"
data-md-color-primary="" data-md-color-accent="" aria-label="Switch to dark mode" type="radio"
name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_2" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3 3.19.09m3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95 2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31z" />
</svg>
</label>
<input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate"
data-md-color-primary="" data-md-color-accent="" aria-label="Switch to light mode" type="radio"
name="__palette" id="__palette_2">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5c-.84 0-1.65.15-2.39.42L12 2M3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29L3.34 7m.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14L3.36 17M20.65 7l-1.77 3.79a7.023 7.023 0 0 0-2.38-4.15l4.15.36m-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29L20.64 17M12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44L12 22z" />
</svg>
</label>
</form>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z" />
</svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search"
autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"
data-md-component="search-query" data-md-state="active" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z" />
</svg>
</label>
<button type="reset" class="md-search__icon md-icon" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
</svg>
</button>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://github.com/ClementTsang/bottom/" title="Go to repository" class="md-source"
data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z" />
</svg>
</div>
<div class="md-source__repository">
ClementTsang/bottom
</div>
</a>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
<div class="md-tabs__inner md-grid">
<ul class="md-tabs__list">
<li class="md-tabs__item">
<a href="../.." class="md-tabs__link">
Home
</a>
</li>
<li class="md-tabs__item">
<a href="../../support/" class="md-tabs__link">
Support
</a>
</li>
<li class="md-tabs__item">
<a href="./" class="md-tabs__link md-tabs__link--active">
Usage
</a>
</li>
<li class="md-tabs__item">
<a href="../../configuration/command-line-flags/" class="md-tabs__link">
Configuration
</a>
</li>
<li class="md-tabs__item">
<a href="../../contribution/issues-and-pull-requests/" class="md-tabs__link">
Contribution
</a>
</li>
<li class="md-tabs__item">
<a href="../../troubleshooting/" class="md-tabs__link">
Troubleshooting
</a>
</li>
</ul>
</div>
</nav>
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation">
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../.." title="bottom" class="md-nav__button md-logo" aria-label="bottom"
data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54z" />
</svg>
</a>
bottom
</label>
<div class="md-nav__source">
<a href="https://github.com/ClementTsang/bottom/" title="Go to repository" class="md-source"
data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z" />
</svg>
</div>
<div class="md-source__repository">
ClementTsang/bottom
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../.." class="md-nav__link">
Home
</a>
</li>
<li class="md-nav__item">
<a href="../../support/" class="md-nav__link">
Support
</a>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_3" type="checkbox" id="__nav_3"
checked>
<label class="md-nav__link" for="__nav_3">
Usage
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Usage" data-md-level="1">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
Usage
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" data-md-toggle="toc" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
General Usage
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
General Usage
</a>
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#features" class="md-nav__link">
Features
</a>
<nav class="md-nav" aria-label="Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#expansion" class="md-nav__link">
Expansion
</a>
</li>
<li class="md-nav__item">
<a href="#widget-selection" class="md-nav__link">
Widget selection
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#key-bindings" class="md-nav__link">
Key bindings
</a>
</li>
<li class="md-nav__item">
<a href="#mouse-bindings" class="md-nav__link">
Mouse bindings
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_3_2"
data-md-state="indeterminate" type="checkbox" id="__nav_3_2" checked>
<label class="md-nav__link" for="__nav_3_2">
Widgets
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Widgets" data-md-level="2">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Widgets
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../widgets/cpu/" class="md-nav__link">
CPU Widget
</a>
</li>
<li class="md-nav__item">
<a href="../widgets/memory/" class="md-nav__link">
Memory Widget
</a>
</li>
<li class="md-nav__item">
<a href="../widgets/network/" class="md-nav__link">
Network Widget
</a>
</li>
<li class="md-nav__item">
<a href="../widgets/process/" class="md-nav__link">
Process Widget
</a>
</li>
<li class="md-nav__item">
<a href="../widgets/disk/" class="md-nav__link">
Disk Widget
</a>
</li>
<li class="md-nav__item">
<a href="../widgets/temperature/" class="md-nav__link">
Temperature Widget
</a>
</li>
<li class="md-nav__item">
<a href="../widgets/battery/" class="md-nav__link">
Battery Widget
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../basic-mode/" class="md-nav__link">
Basic Mode
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_4" data-md-state="indeterminate"
type="checkbox" id="__nav_4" checked>
<label class="md-nav__link" for="__nav_4">
Configuration
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Configuration" data-md-level="1">
<label class="md-nav__title" for="__nav_4">
<span class="md-nav__icon md-icon"></span>
Configuration
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../configuration/command-line-flags/" class="md-nav__link">
Command-line Flags
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_4_2"
data-md-state="indeterminate" type="checkbox" id="__nav_4_2" checked>
<label class="md-nav__link" for="__nav_4_2">
Config File
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Config File" data-md-level="2">
<label class="md-nav__title" for="__nav_4_2">
<span class="md-nav__icon md-icon"></span>
Config File
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../configuration/config-file/default-config/" class="md-nav__link">
Default Config
</a>
</li>
<li class="md-nav__item">
<a href="../../configuration/config-file/flags/" class="md-nav__link">
Flags
</a>
</li>
<li class="md-nav__item">
<a href="../../configuration/config-file/theming/" class="md-nav__link">
Theming
</a>
</li>
<li class="md-nav__item">
<a href="../../configuration/config-file/layout/" class="md-nav__link">
Layout
</a>
</li>
<li class="md-nav__item">
<a href="../../configuration/config-file/data-filtering/" class="md-nav__link">
Data Filtering
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_5" data-md-state="indeterminate"
type="checkbox" id="__nav_5" checked>
<label class="md-nav__link" for="__nav_5">
Contribution
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Contribution" data-md-level="1">
<label class="md-nav__title" for="__nav_5">
<span class="md-nav__icon md-icon"></span>
Contribution
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../contribution/issues-and-pull-requests/" class="md-nav__link">
Issues and Pull Requests
</a>
</li>
<li class="md-nav__item">
<a href="../../contribution/documentation/" class="md-nav__link">
Documentation
</a>
</li>
<li class="md-nav__item">
<a href="../../contribution/development/" class="md-nav__link">
Development
</a>
</li>
<li class="md-nav__item">
<a href="../../contribution/packaging-and-distribution/" class="md-nav__link">
Packaging and Distribution
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../troubleshooting/" class="md-nav__link">
Troubleshooting
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc">
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#features" class="md-nav__link">
Features
</a>
<nav class="md-nav" aria-label="Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#expansion" class="md-nav__link">
Expansion
</a>
</li>
<li class="md-nav__item">
<a href="#widget-selection" class="md-nav__link">
Widget selection
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#key-bindings" class="md-nav__link">
Key bindings
</a>
</li>
<li class="md-nav__item">
<a href="#mouse-bindings" class="md-nav__link">
Mouse bindings
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<a href="https://github.com/ClementTsang/bottom/edit/master/docs/usage/general-usage.md"
title="Edit this page" class="md-content__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z" />
</svg>
</a>
<h1 id="general-usage"><a class="toclink" href="#general-usage">General Usage</a></h1>
<p>You can run bottom with:</p>
<div class="highlight">
<pre><span></span><code>btm
</code></pre>
</div>
<p>For help regarding the command-line flags, use:</p>
<div class="highlight">
<pre><span></span><code><span class="c1"># For a simple overview of flags</span>
btm -h
<span class="c1"># For more details</span>
btm --help
</code></pre>
</div>
<h2 id="features"><a class="toclink" href="#features">Features</a></h2>
<h3 id="expansion"><a class="toclink" href="#expansion">Expansion</a></h3>
<p>By default, bottom is somewhat like a dashboard - a bunch of different widgets, all showing different
things, and they all cram together to fit into one terminal.</p>
<p>If you instead just want to see <em>one</em> widget - maybe you want to look at a graph in more detail,
for example - you can "expand" the currently selected
widget using the <span class="keys"><kbd class="key-e">e</kbd></span> key, which will hide all other
widgets and make that widget take up all available terminal space.</p>
<p>You can leave this state by either pressing <span class="keys"><kbd class="key-e">e</kbd></span> again or
pressing <span class="keys"><kbd class="key-escape">Esc</kbd></span>.</p>
<h3 id="widget-selection"><a class="toclink" href="#widget-selection">Widget selection</a></h3>
<p>To allow for widget-specific keybindings and expansion, there is the idea of <em>widget selection</em> in
bottom, where you can focus on a specific widget to work with it.
This can be done with the mouse (just click on the widget of interest) or keyboard (ex: <span
class="keys"><kbd class="key-control">Ctrl</kbd><span>+</span><kbd>Direction</kbd></span>, see <a
href="#key-bindings">Key bindings</a> for alternatives).</p>
<h2 id="key-bindings"><a class="toclink" href="#key-bindings">Key bindings</a></h2>
<p>These are global or common keyboard shortcuts for the application, which you can see in-app through the
<span class="keys"><kbd class="key-question">?</kbd></span> shortcut.
Note that key bindings are generally case-sensitive.</p>
<table>
<thead>
<tr>
<th>Binding</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="keys"><kbd class="key-q">q</kbd></span> , <span class="keys"><kbd
class="key-control">Ctrl</kbd><span>+</span><kbd class="key-c">c</kbd></span></td>
<td>Quit</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-escape">Esc</kbd></span></td>
<td>Close dialog windows, search, widgets, or exit expanded mode</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-control">Ctrl</kbd><span>+</span><kbd
class="key-r">r</kbd></span></td>
<td>Reset display and any collected data</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-f">f</kbd></span></td>
<td>Freeze/unfreeze updating with new data</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-question">?</kbd></span></td>
<td>Open help menu</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-e">e</kbd></span></td>
<td>Toggle expanding the currently selected widget</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-control">Ctrl</kbd><span>+</span><kbd
class="key-arrow-up">Up</kbd></span> <br /> <span class="keys"><kbd
class="key-shift">Shift</kbd><span>+</span><kbd class="key-arrow-up">Up</kbd></span> <br />
<span class="keys"><kbd class="key-K">K</kbd></span> <br /> <span class="keys"><kbd
class="key-W">W</kbd></span></td>
<td>Select the widget above</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-control">Ctrl</kbd><span>+</span><kbd
class="key-arrow-down">Down</kbd></span> <br /> <span class="keys"><kbd
class="key-shift">Shift</kbd><span>+</span><kbd class="key-arrow-down">Down</kbd></span> <br />
<span class="keys"><kbd class="key-J">J</kbd></span> <br /> <span class="keys"><kbd
class="key-S">S</kbd></span></td>
<td>Select the widget below</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-control">Ctrl</kbd><span>+</span><kbd
class="key-arrow-left">Left</kbd></span> <br /> <span class="keys"><kbd
class="key-shift">Shift</kbd><span>+</span><kbd class="key-arrow-left">Left</kbd></span> <br />
<span class="keys"><kbd class="key-H">H</kbd></span> <br /> <span class="keys"><kbd
class="key-A">A</kbd></span></td>
<td>Select the widget on the left</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-control">Ctrl</kbd><span>+</span><kbd
class="key-arrow-right">Right</kbd></span> <br /> <span class="keys"><kbd
class="key-shift">Shift</kbd><span>+</span><kbd class="key-arrow-right">Right</kbd></span>
<br /> <span class="keys"><kbd class="key-L">L</kbd></span> <br /> <span class="keys"><kbd
class="key-D">D</kbd></span></td>
<td>Select the widget on the right</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-arrow-up">Up</kbd></span> , <span class="keys"><kbd
class="key-k">k</kbd></span></td>
<td>Move up within a widget</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-arrow-down">Down</kbd></span> , <span class="keys"><kbd
class="key-j">j</kbd></span></td>
<td>Move down within a widget</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-arrow-left">Left</kbd></span> <br /> <span class="keys"><kbd
class="key-h">h</kbd></span> <br /> <span class="keys"><kbd
class="key-alt">Alt</kbd><span>+</span><kbd class="key-h">h</kbd></span></td>
<td>Move left within a widget</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-arrow-right">Right</kbd></span> <br /> <span class="keys"><kbd
class="key-l">l</kbd></span> <br /> <span class="keys"><kbd
class="key-alt">Alt</kbd><span>+</span><kbd class="key-l">l</kbd></span></td>
<td>Move right within a widget</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-g">g</kbd><span>+</span><kbd class="key-g">g</kbd></span> ,
<span class="keys"><kbd class="key-home">Home</kbd></span></td>
<td>Jump to the first entry</td>
</tr>
<tr>
<td><span class="keys"><kbd class="key-G">G</kbd></span> , <span class="keys"><kbd
class="key-end">End</kbd></span></td>
<td>Jump to the last entry</td>
</tr>
</tbody>
</table>
<h2 id="mouse-bindings"><a class="toclink" href="#mouse-bindings">Mouse bindings</a></h2>
<table>
<thead>
<tr>
<th>Binding</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="keys"><kbd class="key-left-button">Left Button</kbd></span></td>
<td>Selects the widget</td>
</tr>
</tbody>
</table>
</article>
</div>
</div>
<a href="#" class="md-top md-icon" title="Back to top" data-md-component="top" data-md-state="hidden">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z" />
</svg>
</a>
</main>
<footer class="md-footer">
<nav class="md-footer__inner md-grid" aria-label="Footer">
<a href="../../support/" class="md-footer__link md-footer__link--prev" aria-label="Previous: Support"
rel="prev">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z" />
</svg>
</div>
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
Previous
</span>
Support
</div>
</div>
</a>
<a href="../widgets/cpu/" class="md-footer__link md-footer__link--next" aria-label="Next: CPU Widget"
rel="next">
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
Next
</span>
CPU Widget
</div>
</div>
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z" />
</svg>
</div>
</a>
</nav>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-footer-copyright">
Made with
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
Material for MkDocs
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config"
type="application/json">{"base": "../..", "features": ["navigation.tabs", "navigation.top", "navigation.expand", "navigation.instant"], "translations": {"clipboard.copy": "Copy to clipboard", "clipboard.copied": "Copied to clipboard", "search.config.lang": "en", "search.config.pipeline": "trimmer, stopWordFilter", "search.config.separator": "[\\s\\-]+", "search.placeholder": "Search", "search.result.placeholder": "Type to start searching", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.term.missing": "Missing", "select.version.title": "Select version"}, "search": "../../assets/javascripts/workers/search.b0710199.min.js", "version": {"default": "nightly", "provider": "mike"}}</script>
<script src="../../assets/javascripts/bundle.76f349be.min.js"></script>
</body>
</html>