Engagement Lengths
A ruled panel of clients ordered by how long each engagement ran, every row pairing company and year span with a proportional bar and months figure.
A ruled panel of clients ordered by how long each engagement ran, every row pairing company and year span with a proportional bar and months figure.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Engagement Lengths is a ruled panel that measures client work by how long each relationship ran, not how many names are on the list. Clients are ordered longest first, every row pairing the company and year span with a proportional duration bar and a months figure. Ledger reads fifty eight months across 2021 to 2026 with a nearly full bar; Crestline reads four months in 2022 with a short one. A closing line notes the median engagement runs fifteen months.
The engagements are one array with company, span, and months fields, and the bar width is the months figure over the longest run. The proportional bar is the distinctive choice, it lets a reader compare the length of relationships at a glance rather than reading numbers one by one.
Reach for this block on an about or clients page where retention and long relationships are the point you most want to make. The installer updates each row with a real company, year span, and month count, sets the max to the longest run, and edits the closing line to match their own median.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the client duration roster. Other bar uses:
Tip: keep the longest run as the max so the bars stay proportional, and let the closing median line frame the spread rather than repeating the top row.