
{"id":44415,"date":"2023-09-24T15:12:43","date_gmt":"2023-09-24T15:12:43","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=44415"},"modified":"2024-05-04T13:27:26","modified_gmt":"2024-05-04T13:27:26","slug":"show-desktop-panel-ubuntu-2204","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2023\/09\/show-desktop-panel-ubuntu-2204\/","title":{"rendered":"Add &#8216;Show Desktop&#8217; to Top Panel in Ubuntu 22.04\/24.04 Wayland"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/desktop-icon.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-44417\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/desktop-icon-250x250.webp\" alt=\"\" width=\"250\" height=\"250\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/desktop-icon-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/desktop-icon-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/desktop-icon-600x600.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/desktop-icon-768x768.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/desktop-icon.webp 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>This simple tutorial shows how to add a &#8220;Show Desktop&#8221; icon to the top panel in Ubuntu 22.04 and Ubuntu 24.04 with default Wayland session.<\/p>\n<p>I&#8217;ve written about how to add &#8216;Show Desktop&#8217; to the left dock panel, however, it works for the class Xorg session only. Since 22.04, Ubuntu switched to Wayland as its default display server. If you switched back to Xorg (<i>via the gear icon in login screen<\/i>), then <a href=\"https:\/\/ubuntuhandbook.org\/index.php\/2018\/10\/add-show-desktop-button-ubuntu-18-10-18-04\/\" target=\"_blank\" rel=\"noopener\">this tutorial<\/a> still works.<\/p>\n<p>For GNOME (the default desktop) on Wayland, the thing can be done via a simple extension. And, here&#8217;s how to do it step by step.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/show-desktop-extension.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-44418\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/show-desktop-extension.webp\" alt=\"\" width=\"480\" height=\"270\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/show-desktop-extension.webp 480w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/show-desktop-extension-300x169.webp 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n<h3>Step 1: Install Extension Manager<\/h3>\n<p>Ubuntu has an &#8220;Extension Manager&#8221; tool in system repository, which allows to easily install and manage Gnome Shell extensions.<\/p>\n<p>First, search for and install the tool from either Ubuntu Software or App Center, depends on your Ubuntu edition.<\/p>\n<div id=\"attachment_44419\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-44419\" class=\"size-large wp-image-44419\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-600x425.webp\" alt=\"\" width=\"600\" height=\"425\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-600x425.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-300x212.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-768x544.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter.webp 989w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-44419\" class=\"wp-caption-text\">Install Extension Manager in Ubuntu Software\/App Center<\/p><\/div>\n<p>Or, press <strong>Ctrl+Alt+T<\/strong> on keyboard to open terminal, and run single command to install the tool:<\/p>\n<pre>sudo apt install gnome-shell-extension-manager<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-39606\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager-600x256.webp\" alt=\"\" width=\"600\" height=\"256\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager-600x256.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager-300x128.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager-768x328.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager.webp 786w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>Step 2: Install the &#8216;Show Desktop&#8217; button extension<\/h3>\n<p>After installing the Extension Manager, search for and launch it from the overview screen.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/launch-extension-manager.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-44309\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/launch-extension-manager.webp\" alt=\"\" width=\"494\" height=\"288\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/launch-extension-manager.webp 494w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/launch-extension-manager-300x175.webp 300w\" sizes=\"auto, (max-width: 494px) 100vw, 494px\" \/><\/a><\/p>\n<p>When the tool opens, navigate to &#8216;Browse&#8217; tab, finally search and install the &#8220;Show Desktop Button&#8221; extension.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/install-show-desktop.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-44420\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/install-show-desktop-600x455.webp\" alt=\"\" width=\"600\" height=\"455\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/install-show-desktop-600x455.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/install-show-desktop-300x227.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/install-show-desktop-768x582.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/install-show-desktop.webp 885w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>A &#8216;Home&#8217; icon should appear immediately on the top-panel after installed the extension. By clicking on it, will hide (or show) all open app windows.<\/p>\n<p>For choice, you can switch back &#8220;Installed&#8221; tab in Extension Manager, and open the preferences dialog for the extension. In which, you can choose to place the &#8216;Show Desktop&#8217; icon in left, far left, center, right, or far right corner.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-show-desktop.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-44421\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-show-desktop-600x364.webp\" alt=\"\" width=\"600\" height=\"364\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-show-desktop-600x364.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-show-desktop-300x182.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-show-desktop-768x466.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-show-desktop.webp 1224w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>In addition, you may also install &#8220;<b>Just Perfection<\/b>&#8221; extension using Extension Manager. Which provides an <b>Panel Button Padding Size<\/b> option under <b>Customize<\/b> tab, to make the top-right panel icons look more compact.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-icon-padding.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-44422\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-icon-padding-600x465.webp\" alt=\"\" width=\"600\" height=\"465\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-icon-padding-600x465.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-icon-padding-300x232.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-icon-padding-768x595.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/configure-icon-padding.webp 1254w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>That&#8217;s all. Enjoy!<\/p>","protected":false},"excerpt":{"rendered":"<p>This simple tutorial shows how to add a &#8220;Show Desktop&#8221; icon to the top panel in Ubuntu 22.04 and Ubuntu 24.04 with default Wayland session. I&#8217;ve written about how to add &#8216;Show Desktop&#8217; to the left dock panel, however, it works for the class Xorg session only. Since 22.04, Ubuntu switched to Wayland as its [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":44417,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[647],"class_list":["post-44415","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-show-desktop"],"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/44415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=44415"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/44415\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/44417"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=44415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=44415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=44415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}