1. Overview The ContactsControl component is a custom PowerApps control that displays a searchable and sortable table of contact records. It provides an interactive UI for filtering and selecting records. 2. Functionalities Search Feature: Allows users to filter records by entering text. Sorting: Clickable column headers enable ascending/descending sorting. Record Selection: Users can select a record to trigger a modal alert. Dynamic Rendering: Updates view dynamically based on search and sort input. Custom Styling: Uses external CSS for styling. 3. Component Structure Main Container ( HTMLDivElement ) : Holds the search bar and table. Search Input ( HTMLInputElement ) : Enables real-time search. Table ( HTMLTableElement ) : Displays the records with sortable headers. Modal Alert ( HTMLDivElement ) : Displays selected record details. 4. Implementation Details 4.1 Initialization ( init Method) Sets up the main container. Loads external styles. Creates...
Overview The DurationControl is a custom PowerApps Component Framework (PCF) control that allows users to select a time duration using a dropdown menu. The control provides predefined time intervals between 10 minutes and 8 hours, formatted in a human-readable way. Features Provides a dropdown list with durations ranging from 10 minutes to 8 hours. Ensures accessibility with appropriate labels and attributes. Uses a consistent step of 10 minutes for selection. Formats time durations in a concise manner (e.g., "1h 30m" instead of "90 minutes"). Dynamically updates its value when the context changes. Notifies the framework when the selected duration changes. Implementation Details Initialization ( init method) Parameters: context : The component framework context. notifyOutputChanged : Callback function to notify PowerApps of data changes. state : Persistent state storage (not used in this implementation). container : The parent HTML container for...