{"id":40986,"date":"2022-06-16T15:39:20","date_gmt":"2022-06-16T15:39:20","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=40986"},"modified":"2022-06-16T15:39:20","modified_gmt":"2022-06-16T15:39:20","slug":"top-panel-multiple-monitors-ubuntu","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2022\/06\/top-panel-multiple-monitors-ubuntu\/","title":{"rendered":"How to Enable Top Panel on Multiple Monitors in Ubuntu 22.04"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/display-icon.webp\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/display-icon-250x250.webp\" alt=\"\" width=\"250\" height=\"250\" class=\"alignleft size-thumbnail wp-image-40988\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/display-icon-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/display-icon-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/display-icon-600x600.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/display-icon-768x768.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/display-icon.webp 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>Have your Ubuntu PC connected with multiple monitors? Here&#8217;s how to enable the top bar in all the displays.<\/p>\n<p>In Ubuntu 22.04, you may easily enable the left Dock in all displays via <i>System Settings<\/i> -><i>Appearance<\/i> -> <i>Dock<\/i> -> <i>show on &#8216;All Displays&#8217;<\/i>. <\/p>\n<p>However, due to GNOME&#8217;s design issue, the top panel only appears in the primary display. So I&#8217;m writing this tutorial that could help.<\/p>\n<h3>Method 1: Multi Monitors Add-On<\/h3>\n<p>There was an extension called &#8220;Multi Monitors Add-On&#8221; to do the job, which however discontinued. Contributors keep forking the project with new Gnome versions support, and <a href=\"https:\/\/github.com\/realh\/multi-monitors-add-on\" rel=\"noopener\" target=\"_blank\">here&#8217;s the one<\/a> for GNOME 42.<\/p>\n<p><b>NOTE: The extension has an issue in my case that indicators and top-right system menu do not display in external display.<\/b><\/p>\n<p>1. First, press Ctrl+Alt+T on keyboard to open terminal. When it opens, run command to grab the source tarball.<\/p>\n<pre>git clone https:\/\/github.com\/realh\/multi-monitors-add-on.git<\/pre>\n<p>Install git if you don&#8217;t have it via <code>sudo apt install git<\/code> command.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/grab-source-600x407.webp\" alt=\"\" width=\"600\" height=\"407\" class=\"aligncenter size-large wp-image-40992\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/grab-source-600x407.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/grab-source-300x203.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/grab-source-768x521.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/grab-source.webp 786w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>2. After cloned the source, navigate to the source folder, and install it by copy and pasting to local extension directory.<\/p>\n<pre>cd multi-monitors-add-on<\/pre>\n<pre>cp -r multi-monitors-add-on@spin83 ~\/.local\/share\/gnome-shell\/extensions\/<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/install-mmadon-600x259.webp\" alt=\"\" width=\"600\" height=\"259\" class=\"aligncenter size-large wp-image-40993\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/install-mmadon-600x259.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/install-mmadon-300x129.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/install-mmadon-768x331.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/install-mmadon.webp 786w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>3. To avoid error in extension manager, disable the version validation check by running command:<\/p>\n<pre>gsettings set org.gnome.shell disable-extension-version-validation true<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/disable-version-val-600x159.webp\" alt=\"\" width=\"600\" height=\"159\" class=\"aligncenter size-large wp-image-40668\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/disable-version-val-600x159.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/disable-version-val-300x80.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/disable-version-val-768x204.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/disable-version-val.webp 858w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>4. Before being able to enable the extension, you have to <b>restart GNOME Shell<\/b>. For default session, you need to <i>log out and back in<\/i>. If you&#8217;re running the classic Xorg session, press <b>Alt + F2<\/b>, type <b>r<\/b> in pop-up &#8216;Run a command&#8217; box and hit Enter.<\/p>\n<p>5. Finally, use either <b>Gnome Extensions<\/b> app or <b>Extension Manager<\/b> (both available to install in Ubuntu Software) to enable and configure this extension to display top panel on multi-monitors.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/enable-multim-addon.webp\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/enable-multim-addon-600x405.webp\" alt=\"\" width=\"600\" height=\"405\" class=\"aligncenter size-large wp-image-40996\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/enable-multim-addon-600x405.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/enable-multim-addon-300x202.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/enable-multim-addon-768x518.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/enable-multim-addon.webp 922w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>Method 2: use dash to panel<\/h3>\n<p>If you&#8217;re OK to merge the left dock and top-bar into a single panel. The popular &#8220;Dash-to-panel&#8221; extension can do the job with a simple on\/off switch.<\/p>\n<div id=\"attachment_40994\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/dash2panel-allmonitor.webp\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-40994\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/dash2panel-allmonitor-600x337.webp\" alt=\"\" width=\"600\" height=\"337\" class=\"size-large wp-image-40994\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/dash2panel-allmonitor-600x337.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/dash2panel-allmonitor-300x169.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/dash2panel-allmonitor-768x432.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/dash2panel-allmonitor.webp 1366w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-40994\" class=\"wp-caption-text\">Dash to Panel<\/p><\/div>\n<p>To install the extension, first press Ctrl+Alt+T on keyboard and run command in pop-up terminal to install &#8216;Extension Manager&#8217;:<\/p>\n<pre>sudo apt install gnome-shell-extension-manager<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager-600x256.webp\" alt=\"\" width=\"600\" height=\"256\" class=\"aligncenter size-large wp-image-39606\" 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\" \/><\/p>\n<p>Then search for and launch extension manager in &#8216;Activities&#8217; overview screen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp\" alt=\"\" width=\"548\" height=\"281\" class=\"aligncenter size-full wp-image-39607\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp 548w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager-300x154.webp 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/p>\n<p>Finally, search for and install &#8216;Dash to panel&#8217; extension from the app window under &#8216;Browse&#8217; tab.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/emanager-d2p.webp\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/emanager-d2p-600x470.webp\" alt=\"\" width=\"600\" height=\"470\" class=\"aligncenter size-large wp-image-40995\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/emanager-d2p-600x470.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/emanager-d2p-300x235.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/emanager-d2p-768x601.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/06\/emanager-d2p.webp 922w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Once successfully installed the extension, your panels change automatically. And, you can right-click on panel and select the last menu option to open the configuration dialog.<\/p>","protected":false},"excerpt":{"rendered":"<p>Have your Ubuntu PC connected with multiple monitors? Here&#8217;s how to enable the top bar in all the displays. In Ubuntu 22.04, you may easily enable the left Dock in all displays via System Settings ->Appearance -> Dock -> show on &#8216;All Displays&#8217;. However, due to GNOME&#8217;s design issue, the top panel only appears in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":40988,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689],"class_list":["post-40986","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-gnome"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/40986","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=40986"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/40986\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/40988"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=40986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=40986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=40986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}