Angular - Adding the advanced entity relation for the low code #21692

Back

Description

Adds advanced entity relation support for the low-code module in Angular, including a ForeignKeyLinkWithTooltipComponent that renders foreign key values as clickable links with a rich tooltip showing related entity details.

Changes:

  • ForeignKeyLinkWithTooltipComponent: Renders foreign key column values as anchor links. Clicking opens a view modal for the related entity. Tooltip shows entity title and key/value detail lines.
  • Link style: Uses text-decoration: underline dotted to match the design spec — consistent dotted underline instead of solid.
Before After
solid underline dotted underline

Checklist

  • I fully tested it as developer / designer and created unit / integration tests
  • I documented it (or no need to document or I will create a separate documentation issue)
  • I worked with the design team to get their idea for UI/UX design (or no need to design for this PR)
  • I've assigned reviewer, related labels and set a milestone for this PR

How to test it?

  1. Open a low-code entity list page that has a foreign key column configured with an entity relation.
  2. Verify the foreign key value renders as a dotted-underline link.
  3. Hover to confirm the tooltip shows the related entity's detail lines.
  4. Click the link to confirm the view modal opens for the related entity.

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

Version
10.2.0-rc.1
Release Date
24 February, 2026
Labels
No labels
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.