Take tabs from parent windows and arrange them in layouts of tiled sub-windows.
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
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/
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3,\t"name": "Tile Tabs WE",\t"version": "31.3", \t"description": "Take tabs from parent windows and arrange them in layouts of tiled sub-windows.",\t"icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "64": "icon64.png", "128": "icon128-96.png"\t}, "minimum_chrome_version": "88", "permissions": [ "tabs", "webNavigation", "bookmarks", "contextMenus", "notifications", "storage" ], "host_permissions": [ ], \t"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