Skip to content

TB Perpetual calculator: tooltip copy, CTA rename, starting price#2624

Open
rusikv wants to merge 2 commits intothingsboard:masterfrom
rusikv:tb-perpetual-calc-refresh
Open

TB Perpetual calculator: tooltip copy, CTA rename, starting price#2624
rusikv wants to merge 2 commits intothingsboard:masterfrom
rusikv:tb-perpetual-calc-refresh

Conversation

@rusikv
Copy link
Copy Markdown
Contributor

@rusikv rusikv commented Apr 23, 2026

Summary

UX and copy polish on the TB Perpetual license calculator on /pricing/:

  • Tooltips rewritten to be specific + enterprise-oriented (Devices, Production/Development Instances, Add-ons, Edge Computing, Trendz Analytics, Offline Mode).
  • CTA rename: "Calculate your pricing" → "Estimate my cost" on both Self-Managed and Subscription plan cards.
  • Starting price on hero: "Starting from $4,999" displayed on the TB Perpetual hero card; subtitle tightened.
  • "License packages" section header added on the Perpetual tab; header margin adjusted only when Perpetual or TBMQ Perpetual is the active section.
  • Edge Computing add-on toggle now defaults off (was on), so the advertised starting price matches the default calculator state.
  • Bugfix: generateAddOnsCards was selecting every .add-ons on the page and clobbering containers it didn't own. Now scoped to .add-ons[data-product-name].
  • Styling nits: tooltip padding + line-height; new .perpetual-price and .perpetual-cta-row rules; Perpetual tab inner-card top margin reset.

Files

  • _includes/pricing/tb-perpetual-calculator.html — tooltip + description copy, default toggle state
  • pricing/index.md — CTA rename, hero subtitle tightened, price display, Perpetual header, Offline Mode card <img>
  • pricing/pricing.sass.perpetual-price, .perpetual-cta-row, #perpetual .crd reset
  • _layouts/pricing.html — scoped add-ons selector, per-tab header-margin adjust
  • _includes/pricing/calculator.sass — tooltip padding + line-height
  • images/pricing/offline-add-on-icon.svg — new asset for the Offline Mode add-on card

Test plan

  • /pricing/ → Self-Managed section: "Estimate my cost" CTA renders, calculator opens
  • /pricing/ → Perpetual section: "License packages" header, "Starting from $4,999" price, Edge Computing toggle defaults off
  • Open calc, hover each tooltip — all eight rewritten strings render without clipping
  • Switch between Perpetual and other tabs — header margin adjusts correctly, add-ons grid unaffected on non-Perpetual tabs
  • Offline Mode add-on card shows the icon (not broken image)

rusikv added 2 commits April 23, 2026 19:33
- Tooltips rewritten for Devices, Production/Development Instances, Add-ons,
  Edge Computing, Trendz Analytics, Offline Mode to be more specific and
  enterprise-oriented.
- "Calculate your pricing" CTA renamed to "Estimate my cost" on both the
  Self-Managed and Subscription plan cards.
- TB Perpetual hero: added "Starting from $4,999" price display and tightened
  subtitle copy.
- Added "License packages" section header to the Perpetual tab; adjusted
  header margin only when Perpetual tab is active.
- Edge Computing add-on toggle now defaults unchecked (was checked).
- Tooltip padding/line-height polished (`calculator.sass`).
- `generateAddOnsCards` scoped to `.add-ons[data-product-name]` so unrelated
  `.add-ons` containers on the page don't get clobbered.
- Restored `images/pricing/offline-add-on-icon.svg` used by the Offline Mode
  add-on card.
The icon was authored with `currentColor` fills and inherited the text
color when embedded via `<img src>`, rendering black/grey against the
other two add-on icons' blue. Hardcode the fill to `#2A7DEC` to match
`edge-add-on-icon.svg` and `trendz-add-on-icon.svg`.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant