Take tabs from parent windows and arrange them in layouts of tiled sub-windows.

Latest Version

Version
31.3
Update
March 18, 2023
Size
69.73KiB
Developer
Category
Users
60,000+
Rating
3.58095 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Tabs
WebNavigation
Bookmarks
ContextMenus
Notifications
Storage
See more

Tile Tabs WE Extension

CHANGES

Version 31.3

• Minor bug fix.

OVERVIEW

Tile Tabs WE provides facilities to take tabs from a parent window and arrange them in a layout of tiled sub-windows. This makes it easy to browse or monitor multiple web pages, or to compare multiple web pages using synchronized scroll. Layouts can be saved and later re-opened.

Tile Tabs WE is implemented using the WebExtensions API and is available for both Firefox and Chrome with identical functions and user interfaces.

BASIC OPERATION

Tile Tabs WE emulates 'split browser' functionality with simple switching between the normal view and the tiled view.

Tile Tabs WE displays multiple tabs in a layout of tiled sub-windows ('tiles') within the area of the parent browser window. The tiles can be arranged horizontally, vertically, or in a grid.

A tiled layout can be created using the toolbar button, button menu, context menu, quick menu, or keyboard shortcuts. The parent window is indicated by a badge on the toolbar button showing the current number of tiles. Tiles are indicated by a badge on their toolbar buttons showing the letter 'T'.

When a tiled layout is created, tabs from the parent window are moved into the new tiles in the following order: first the selected tab, then tabs to the right of the selected tab, then tabs to the left of the selected tab, and finally if there are insufficient tabs then new tabs will be created.

A tiled layout can be saved and previously saved layouts can be opened or deleted. A default layout can be configured.

Dragging the borders between two tiles will resize both tiles (and any sub-tiles).

OPTIONS PAGE

The Tile Tabs WE Options page can be accessed as follows:

• Firefox - On the menu bar select Tools > Add-ons (or press Ctrl+Shift+A), select the Extensions tab, and then click on the Options button.

• Chrome - Right-click on the toolbar button, and then select Options.

TOOLBAR BUTTON

After installation of Tile Tabs WE, there will be a new blue 'tiled-layout' button on the main toolbar.

To create a new tiled layout, click on the Tile Tabs WE toolbar button.

To switch between the tiled view and the normal view, click on the Tile Tabs WE toolbar button again.

CONTEXT MENU & BUTTON MENU

To perform any layout or tiling operation, right-click on the page contents to open the context menu, select the 'Tile Tabs WE' sub-menu, and then select one of the menu items:

• New Layout - creates a new layout and moves one tab from the parent window into each tile.
• Close Layout - closes the existing layout and moves tabs from all tiles back into the parent window.
• Hide Layout - hides the existing layout and moves tabs from all tiles back into the parent window.
• Show Layout - shows the existing layout and moves one tab from the parent window into each tile.
• Refresh Layout - brings all of the tiles to the front and focuses one of the tiles.
• Toggle Toolbars - toggles the tab bar and address bar in the currently focused tile or all tiles.
• Tile Tab - tiles a tab above, below, left or right of the currently focused tile or creates a new layout.
• Add Tile - adds a new tile (with a new tab) above, below, left or right of the currently focused tile.
• Remove Tile - removes the currently focused tile and expands the other tiles as necessary.
• Expand Tile - expands the currently focused tile to the full size of the layout.
• Contract Tile - contracts the currently focused tile back to its original size.
• Equalize Tiles - equalizes the sizes of the currently focused tile and other tiles in the same group.
• Bookmark Layout - saves the current layout as a browser bookmark.
• Open Layout - opens a previously saved layout and assigns the saved tabs (if any) to the tiles.
• Save Layout - saves the current layout and optionally the tabs, scroll positions and zoom levels.
• Delete Layouts - deletes previously saved layouts.
• Default Layout - sets the default layout to be one of the previously saved layouts.
• Scroll Lock - enables/disables the scroll lock for the currently focused tile.
• Sync Scroll - enables/disables synchronized scrolling of tiled tab contents.

Or right-click on any tab to open the tab context menu and use the 'Tile Tab' menu item to create a new layout.

Alternatively, right-click on the Tile Tabs WE toolbar button to open the button menu, and then select one of the menu items.

There are options to:

• define the default page for new tabs created by New Layout or Add Tile.
• show/hide the Tile Tabs WE submenu item on the context menu.
• show/hide the toolbars for new tiles created by New Layout or Add Tile.
• open the default layout on browser start and restart.
• reload pages in tiled tabs during Refresh Layout.
• synchronize scroll only when scrolling the focused window.
• set the zoom mode to per-tab (instead of per-site) for all tiled tabs.
• delay setting of saved scroll positions when opening saved layouts.
• delay setting of saved zoom levels when opening saved layouts.

QUICK MENU

To provide quicker access to frequently used commands, a small Quick Menu icon is displayed in the top-left corner of the page contents of each tile. The Quick Menu is especially useful when the toolbars are hidden or when the Tile Tabs WE toolbar button has overflowed off the toolbar.

To perform frequently used commands, hover the mouse over the Quick Menu icon, and then select one of the available commands:

• Close Layout
• Hide Layout
• Refresh Layout
• Toggle (This Tile or All Tiles)
• Bookmark Layout
• Save Layout
• Sync Scroll
• Add Tile (Above, Left, Right or Below)
• Remove Tile
• Expand Tile
• Contract Tile
• Equalize Tiles
• Scroll Lock

Note, the Quick Menu icon is not displayed in some special pages (e.g. about: or chrome://...).

There are options to show/hide the Quick Menu icon in all tiles and to position the Quick Menu icon in any corner of a tiled tab.

KEYBOARD SHORTCUTS

To perform the most frequently used operations, press one of the four keyboard shortcuts:

• New/Close Layout - Alt+Shift+Up (Windows and Linux) or Control+Shift+Up (Mac OS X)
• Hide/Show Layout - Alt+Shift+Down (Windows and Linux) or Control+Shift+Down (Mac OS X)
• Refresh Layout - Alt+Shift+Left (Windows and Linux) or Control+Shift+Left (Mac OS X)
• Toggle Toolbars - Alt+Shift+Right (Windows and Linux) or Control+Shift+Right (Mac OS X)

There is an option to set the Toggle Toolbars keyboard shortcut to toggle all toolbars.

ASSIGNMENT OF TABS TO TILES

There a several different ways of assigning tabs to tiles.

If there is only one tab selected, then creating a new layout will assign the selected tab and tabs to the right of the selected tab to the tiles in the layout. If there are not enough tabs to the right, then additional tabs will be assigned from the left of the selected tab. If there are still not enough tabs, then new tabs will be created and assigned.

If the new layout is an 'All Tabs' layout, then all of the existing tabs will be assigned to tiles.

If the Tile Tab menu command is used to create a layout, the selected tab and the tab chosen by the Tile Tab menu command will be assigned.

If multiple tabs are highlighted using Ctrl+Click or Shift+Click, the highlighted tabs (including the normal selected tab) will be assigned to the tiles. If there are not enough tabs, then new tabs will be created and assigned. If there are too many tabs, then the rightmost tabs will not be assigned, but the selected tab will always be assigned.

There are options to:

• assign existing tabs before creating new tabs.
• assign existing tabs from left instead of right.
• automatically close tabs created by Open Layout.
• automatically close tabs created by user in tiles.

OPEN LINKS IN NEXT OR PREVIOUS TILE

Ctrl+Middle-click on a link in a tile to open the link in the next tile (to the right or below).

Press 'Shift' as well to open the link in the previous tile (to the left or above).

There are options to open links as normal or to configure the click type as: Ctrl+Click, Middle-click or Ctrl+Middle-click.

MOVE OR RESIZE LAYOUT

To move or resize a tiled layout, first hide the layout, then move or resize the parent window, and then show the layout again.

RESIZE TILES

Dragging the borders between two tiles will resize both tiles. Resizing of tiles is limited by minimum width and minimum height constraints.

WINDOW MARGINS

There are options to configure the window margins for tiles for different operating systems.

On initial installation:

• The top margin for tiles is 0px for Windows, Linux and Mac OS X.
• The other (left/right/bottom) margins for tiles with toolbars are 7px for Windows or 0px for Linux and Mac OS X.
• The other (left/right/bottom) margins for tiles without toolbars are 7px for Windows or 0px for Linux and Mac OS X.
• The adjustment if the parent window is maximized is 1px for Windows or 0px for Linux or Mac OS X.

EXPORT & IMPORT LAYOUTS

There are options to export or import layouts using the '.json' file format.

SUPPORT

Please e-mail: [email protected]

LICENSE

Distributed under the GNU General Public License version 2.
See LICENCE.txt file and http://www.gnu.org/licenses/
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3,"name": "Tile Tabs WE","version": "31.3", "description": "Take tabs from parent windows and arrange them in layouts of tiled sub-windows.","icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "64": "icon64.png", "128": "icon128-96.png"}, "minimum_chrome_version": "88", "permissions": [ "tabs", "webNavigation", "bookmarks", "contextMenus", "notifications", "storage" ], "host_permissions": [ ], "action": { "default_icon": { "16": "icon16.png" }, "default_title": "Tile Tabs WE" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [ "http://*/*", "https://*/*" ], "js": [ "content.js" ], "css": [ "quickmenu.css" ], "run_at": "document_start" } ], "options_ui": { "page": "options.html", "open_in_tab": true }, "web_accessible_resources": [ { "matches": [ "http://*/*", "https://*/*" ], "resources": [ "quickmenu.html" ] } ], "commands": { "newcloselayout": { "description": "New/Close Layout", "suggested_key": { "default": "Alt+Shift+Up", "mac": "MacCtrl+Shift+Up" } }, "hideshowlayout": { "description": "Hide/Show Layout", "suggested_key": { "default": "Alt+Shift+Down", "mac": "MacCtrl+Shift+Down" } }, "refreshlayout": { "description": "Refresh Layout", "suggested_key": { "default": "Alt+Shift+Left", "mac": "MacCtrl+Shift+Left" } }, "toggletoolbars": { "description": "Toggle Toolbars", "suggested_key": { "default": "Alt+Shift+Right", "mac": "MacCtrl+Shift+Right" } } }}
Read more

Similar Extensions

icon

Tiling Window Manager for Chrome OS™ Extension · Productivity 60,000+ 17 ★ 11.32KiB

icon

Multi-Screen Visualizer Extension · Developer Tools 60,000+ 2 ★ 83.13KiB

icon

Tab Resize - split screen layouts Extension · Productivity 60,000+ 1108 ★ 267KiB

icon

Tab manager Extension · Productivity 60,000+ 4 ★ 233KiB

icon

Multi Layout Manager Extension · Accessibility 60,000+ 24 ★ 16.5KiB

icon

Sideview Plus: Multitask w/o Second Monitor Extension · Productivity 60,000+ 56 ★ 444KiB

icon

Tab-Sidebar Extension · Productivity 60,000+ 31 ★ 108KiB

icon

SplitUp! - Tab manager Extension · Productivity 60,000+ 38 ★ 197KiB

icon

Awesome Window & Tab Manager Extension · Productivity 60,000+ 28 ★ 81.28KiB

icon

Side|Side Extension · Productivity 60,000+ 17 ★ 80.95KiB

icon

Janus Workspace Extension · Productivity 60,000+ 4 ★ 933KiB

icon

Tab Master 5000 Extension · Productivity 60,000+ 51 ★ 6.08MiB

icon

Super Focus Tabs Extension · Productivity 60,000+ 37 ★ 388KiB

icon

Tabbie : easy tab viewer Extension · Productivity 60,000+ 33 ★ 1.27MiB

icon

tabtiles Extension · Productivity 60,000+ 44 ★ 75.26KiB

icon

Janus Workspace New Tab Extension · Productivity 60,000+ 9 ★ 933KiB

icon

Extentie - extension manager Extension · Productivity 60,000+ 39 ★ 98.35KiB

icon

Split Screen for Google Chrome Extension · Productivity 60,000+ 326 ★ 471KiB

icon

Manage My Tabs - Tab Manager Extension · Productivity 60,000+ 15 ★ 1.17MiB

icon

Ultra Button Extension · Productivity 60,000+ 66 ★ 144KiB

icon

Extension Control Extension · Developer Tools 60,000+ 35 ★ 392KiB

icon

Tab to Window/Popup - Keyboard Shortcut Extension · Productivity 60,000+ 115 ★ 186KiB

icon

Tab Split Extension · Productivity 60,000+ 2 ★ 143KiB

icon

NiftySplit Extension · Productivity 60,000+ 75 ★ 22.64KiB

User reviews

icon

stookie222 (ID: 00000042cb482666) Voted 3 ★ - Updated 07/08/2023 not working in opera one as under normal opera. problem with workspaces. it takes last 2 tabs from other workspace and brings them to the main workspace and when closing layout it keeps them in main workspace. will not return those tabs to original workspace. previously was working ok. with opera one it is an issue.

icon

Heidi Brothers (ID: 000000e8f4d66c07) Voted 3 ★ - Updated 03/31/2023 Stops working after a while and I need to remove from chrome and re-add it. Clicking on the toolbar button stops working until I uninstall and re-add to chrome. Right clicking doesn't do anything

icon

Bert Stevens (ID: 0000008e3e31e562) Voted 4 ★ - Updated 02/25/2023 Great tool. Sync scroll does not seem to work.

icon

ЗиМа СнЕжНаЯ (ID: 0000004c122fc01b) Voted 4 ★ - Updated 02/21/2023 Работает хорошо, конечно это расширение не позволяет просматривать в одном окне 2 вкладки одновременно. а просто открывает отдельное окно, но делает ровно и в полне удобно смотреть или работать например в одной работать, что просматривать или печатать.., смотря кто чем занят будет, а в другой смотреть фильм или слушать музыку не откликаясь на переключение вкладки)). Если хотите конкретно работать или просматривать 2 сайта (2 вкладки) одновременно в одной , то тут могу рекомендовать браузер ОПЕРА НЕОН вот в нём эта классная функция есть и реализована супер! так же есть в браузере Макстон а в гугле нет только через расширение вот именно это работает нормально и равномерно.

icon

Mark E (ID: 000000305478a2b4) Voted 3 ★ - Updated 01/22/2023 Description says "Take tabs from parent windows and arrange them in layouts of tiled sub-windows." Was expecting the tiles to be sub-windows within one window, like vivaldi browser does. but not sub-windows, it's creating multiple ordinary windows. Each tile is spawned into a whole chrome window of its own. Messy. hard to adjust, have to click multiple x to end your session. Gives a result but it's fewer clicks to just do it manually (if you include closing the windows when done). Could be much better as sub-windows.