Web Panels

This post is also available in: 日本語 Русский Français Español Deutsch Nederlands Српски Українська Português Português Български 简体中文

Web Panels are customisable Tabs which allow you to keep your favourite sites easily accessible in the side Panel of Vivaldi. Opening a Web Panel will allow you to simultaneously view its content alongside the tab(s) in your main window.

Add a new Web Panel

From the Panel

1. Open the Panel area either by clicking the Show Panel icon on the left side of the Status Bar or using the corresponding Keyboard Shortcut (F4 / ⌥⌘ P)
2. Click the Add Web Panel button to:

• add the current active page,
• one of your frequently visited websites or
• to type a URL.

From the context menu

1. Right-click anywhere on an open web page to open the context menu
2. Select Add Page to Web Panel from the menu
3. The page will be available immediately as a Web Panel.

In case you’re asked to download an App or a message says that the page is not available on Mobile, switch to desktop mode.

To switch views:

Option 1

Click on the Switch to Desktop/Mobile View button at the top of the Web Panel.

Option 2

1. Right-click on the Web Panel button.
2. Select Show Desktop/Mobile Version. 

Using drag and drop

When you have the web page you want to add as a Web Panel open in a Tab:

1. Hover the mouse cursor over either:
   • the tab on the Tab Bar,
   • Site info button on the Address Bar.
2. Start dragging downwards towards the Panel bar on the side of the browser window.
3. When you see a line in your Theme‘s highlight colour appear on the Panel bar, release your mouse to create the new Web Panel.
   Alternatively, drop the link on the Add Web Panel button.

---

Access Web Panels

To open a Web Panel, either:

• Click on the Web Panel’s button in the side Panel;
• Use a Keyboard Shortcut (set a specific shortcut for each Web Panel in Settings > Keyboard > View);
• Type “Web Panel #” in Quick Commands;
• Open Vivaldi Menu > View > Web Panels and click on the web panel you want to open;
• Use a Mouse Gesture (create a gesture for each Web Panel in Settings > Mouse > Gesture Mapping);

In case you have more Web Panels than your window height can accommodate, then place the mouse cursor on the side bar and scroll up and down.

---

Customise Web Panels

Some Web Panels need more space than others. To have panels with separate width:

1. Right-click on the Web Panel’s icon;
2. select Separate Width;
3. from the outer edge of the panel drag it to preferred size.

To display navigation buttons, right click on the Web Panel’s icon > Toolbar > Display All Controls.

---

Reorder Web Panels

To change the order of Web Panels:

1. Hold down the Ctrl / ⌘ key.
2. Drag the Web Panel to it’s preferred location.

Web panels can be rearranged among themselves. They can’t be mixed with the browser’s Panels.

---

Zoom in Web Panels

To increase or decrease the size of the content in Web Panels:

1. Right-click on a Web Panel.
2. Select Toolbar > Display Zoom Controls from the context menu.
3. Then click on the zoom buttons and at the top of the Web Panel to zoom in and out.

Zoom level is retained through closing and reopening of the Web Panel and browser restarts.

---

Periodic Reload of Web Panels

Periodic web panel reload can be used on sites where the page is often updated, but the new content isn’t automatically displayed.

To reload a web panel every X minutes:

1. Right-click on the Web Panel;
2. Select Periodic Reload;
3. And pick the interval between 1 and 30 minutes.

To disable Periodic Reload of a Web Panel:

1. Right-click on the Web Panel;
2. Select Periodic Reload;
3. Select Disable or Disable all, if you have more than one Periodic Reload active.

---

Mute Web Panels

Like Tabs, Web Panels can also play some sounds. If you’ve added, for example, messaging services or video/audio sites as Web Panels, but need them to stay quiet for a while, you can mute them.

To mute and unmute a Web Panel:

1. Right-click on the Web Panel’s icon.
2. Select Mute Panel from the context menu.

To unmute Web Panels you can also click on the muted speaker icon.

---

Open a page from a Web Panel in a new Tab

To open the page you currently have open in the Web Panel in a Tab:

Option 1

1. Right-click on the Web Panel’s icon.
2. Hover over Open in.
3. Click on either New Tab, New Background Tab, Current Tab, New Window, Private Window depending on, where you want to open the web page.

Option 2

1. Right-click on the Web Panel’s top menu bar.
2. Hover over Open in.
3. Click on either New Tab, New Background Tab, Current Tab, New Window, Private Window depending on, where you want to open the web page.

Option 3

If you have a mouse with a middle mouse button (in some cases the scroll wheel), click on the Web Panel’s icon with the middle mouse button to open the page in a new background tab.

---

Remove a Web Panel

To remove a web panel:

1. Right-click on the Web Panel’s icon;
2. Select Remove Web Panel.

To restore a deleted Web Panel:

1. Right-click on the Panel;
2. Go to Removed Web Panels (if you right-clicked on a Panel or Web Panel button, go to Panels > Removed Web Panels);
3. Click on the Web Panel you want to restore.

Alternatively, click on Clear All to remove them permanently.

To just hide, instead of remove a Web Panel:

1. Right-click on the Web Panel;
2. Go to Panels;
3. Click on the Web Panel you want to hide in the context menu.

Panels and Web Panels with a check-mark in front of their name in the right-click context menu are displayed, those without are hidden.

---

Popular uses for Web Panels

Below we’ve listed a few of the most common uses for custom Web Panels. Keep in mind that due to the smaller view area, mobile-friendly sites will work best. Try adding one yourself by opening the link and adding it via the instructions above!

• Resources for work and research (e.g. StackOverflow, DevDocs);
• Translation tools like Google Translate;
• Grammar or copy writing tools such as a Thesaurus;
• Social media and News feeds (e.g. Twitter, Instagram, HackerNews);
• Chat apps (e.g. Messenger, WhatsApp).