FOUR-19877 | Truncate Template Name on Screen Template Cards

[mcraeteisha]

Issue

Ticket: FOUR-19877
While there is a character limit on Template names on Screen Template Cards (in the Screen Templates Panel), the name should also be truncated when displayed in the card to prevent size differences between cards. The template description has also been shortened on the template card, so that only two lines of the description are displayed.

Solution

• Truncate template name via truncateText method.
• Truncate template description more, so that only two lines of text show, similar to the Figma mockups.

Previous UI

Updated UI

How to Test

1. Go to branch observation/FOUR-19877 in screen-builder.
2. Go to Designer → Screens.
3. Create a Screen Template that has a long Title and Description.
4. Open a Screen to edit. Select 'Templates' from the top menu bar.
5. When the template card displays:
   • The title should appear truncated so that approximately two lines of text display
   • The description should appear truncated so that approximately two lines of text display.

Related Ticket

FOUR-19828

ci:deploy

Code Review Checklist

• I have pulled this code locally and tested it on my instance, along with any associated packages.
• This code adheres to ProcessMaker Coding Guidelines.
• This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• This solution fixes the bug reported in the original ticket.
• This solution does not alter the expected output of a component in a way that would break existing Processes.
• This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• This ticket conforms to the PRD associated with this part of ProcessMaker.

[cypress]

screen-builder    Run #1637

Run Properties:   Passed #1637  •  77e498dd5e: FOUR-19877 | Truncate Template Name on Screen Template Cards

Project	screen-builder
Branch Review	observation/FOUR-19877
Run status	Passed #1637
Run duration	08m 44s
Commit	77e498dd5e: FOUR-19877 | Truncate Template Name on Screen Template Cards
Committer	Teisha McRae
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	19
Skipped	0
Passing	342
View all changes introduced in this branch ↗︎

[tokensPM]

QA server K8S was successfully deployed https://ci-5cd9c321cd.engk8s.processmaker.net