Settings

Subscription

  • Plans & Prices
  • Payment Methods
  • Invoices

Organization/Users

  • Name & Details
  • Password & Key
  • Users
  • Logs new
  • Activities
  • Catch all

Custom Domain

  • Manage Custom Domain
  • Related Settings

Account

  • Username
  • Passwords
  • Recovery
  • Notification
  • Email Subscriptions
  • Delete account

Addresses

  • Addresses
  • Related Settings

Identity

  • Identity
  • pm.me

General

  • Language
  • Message
  • Search
  • Shortcuts

Message templates

  • Message templates new

Appearance

  • Layouts
  • Navigation
  • Toolbars
  • Themes
  • Theme editor
  • Custom

Filters

  • Custom filters
  • Spam filters

Folders/Labels

  • Folders and labels

Auto-reply

  • Auto reply
  • Reply Templates

Keys

  • Email Encryption Keys
  • Contact Encryption Keys

Security

  • Session Management
  • Authentication logs
  • Address verification

Some toolbars

1 of 4 domains (value 25/100)


6 of 10 emails (value 60/100)


9 of 10 emails (value 90/100)


11 of 10 emails (value 110/100)
  • For simplicity reasons, please do use min="0" max="100" low="0" high="50".
  • If the value is superior to 80, please do add setting-meterbar--high modifier and put high value to 80 (to display red color)
  • To sum up:
    • green between 0 and 50
    • orange between 50 and 80
    • Red above 80 (including values > 100), with setting-meterbar--high modifier class
  • Please do link meter tag to its description via aria-describedby.
<span id="desc1">1 of 4 domains</span> (value 25/100)<br>
<meter min="0" max="100" low="0" high="50" value="25" class="setting-meterbar inbl w100" aria-describedby="desc1"></meter>

<br><br>

<span id="desc2">6 of 10 emails</span> (value 60/100)<br>
<meter min="0" max="100" low="0" high="50" value="60" class="setting-meterbar inbl w100" aria-describedby="desc2"></meter>

<br><br>

<span id="desc3">9 of 10 emails</span> (value 90/100)<br>
<meter min="0" max="100" low="0" high="80" value="90" class="setting-meterbar setting-meterbar--high inbl w100" aria-describedby="desc3"></meter>

<br><br>

<span id="desc4">11 of 10 emails</span> (value 110/100)<br>
<meter min="0" max="100" low="0" high="80" value="110" class="setting-meterbar setting-meterbar--high inbl w100" aria-describedby="desc4"></meter>