← All examples

Outlook: toggle a wider reading pane

With one click narrows the message list and widens the reading pane so emails get more room.

Code to copy

// Toggle a wider reading pane by collapsing the message list
const ID = 'jz-otl-wide-reading';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
  const s = document.createElement('style');
  s.id = ID;
  s.textContent = 'div[role="listbox"]{max-width:240px!important}'
    + 'div[aria-label="Message body"]{max-width:none!important}';
  document.head.appendChild(s);
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.