Skip to content

genpage-plan.md

Latest commit

 

History

History
83 lines (58 loc) · 2.47 KB

genpage-plan.md

File metadata and controls

83 lines (58 loc) · 2.47 KB
Raw

Genpage Plan

User Requirements

Build a page showing Contact records with name, email, and phone.

Working Directory

contact-localized/

Plugin Root

D:\Projects\power-platform-skills\plugins\model-apps

Environment

Pages

Page File Purpose Entities
Contacts (Localized) page.tsx Contact list with multi-language UI (en/ar/fr) contact

Entity Creation Required

No entity creation required — all entities already exist.

Existing Entities

contact

Connector Bindings

No connector bindings.

Localization

  • Detected languages (from pac model list-languages):
    • English (United States) (1033, en-US)
    • Arabic (Saudi Arabia) (1025, ar-SA) — RTL
    • French (France) (1036, fr-FR)
  • Translation dictionary keyed by BCP-47 tag
  • All user-visible text via translate() helper
  • dir attribute set from locale.isRtl
  • Logical CSS properties (marginInlineStart/End, paddingInlineStart/End)

Design Preferences

  • DataGrid with sortable, resizable columns
  • Column headers and table aria-label come from translate()
  • Logical CSS only (no marginLeft/Right or paddingLeft/Right)

Relevant Samples

Page Sample Reason
Contacts (Localized) 9-list-with-caching.tsx Dataverse list pattern

Per-Page Specifications

Contacts (Localized)

  • File: page.tsx
  • Purpose: Contact list with multi-language UI (en/ar/fr)
  • Entities: contact
  • Needs caching: true
  • Key Features: Localized contact list with translated headers for English, Arabic, and French and RTL support.
  • Components: DataGrid, Text, Spinner, MessageBar, and PeopleRegular icon.
  • Layout: Responsive list layout using logical CSS properties so RTL and LTR share one stylesheet.
  • Data Binding: queryTable("contact") on mount selecting name, email, and phone; use window de-dupe and cache.
  • Interactions: Sortable/resizable localized columns with UI strings from translate().
  • File: page.tsx
  • Entity: contact
  • Language detection: Xrm.Utility.getGlobalContext().userSettings.languageId
  • Locale map: { 1033: en-US, 1025: ar-SA (RTL), 1036: fr-FR }
  • Translations dict has entries for en-US, ar-SA, fr-FR
  • Icons: PeopleRegular (unsized)