Design a tablet layout UI for a Canvas PowerApps application with a primary color of #1c344d. The app should have the following screens and components. The output should be suitable for HTML export and Figma editing.🧩 Global Layout (for all screens): A common header at the top of all screens: Left side: App logo and App Name Right side: Logged-in user profile image Primary Color: #1c344d Take other colors suitable with primary colors.Tablet layout canvas (landscape)📋 1. Offender Contacts Screen: Title: Offender Contacts Include a search bar and sorting dropdown Display a list/grid of offender contacts with fields: * Full Name * DOC Number * Current Status (Active/Inactive) * Baptism Date * New Birth (Salvation) Date * Discipleship Stage * Facility Each contact card or row should have a color tag or label indicating the stage: * Connection - Blue * Hope - Green * Spiritual Healing - Purple * Transformation - Orange Each listing entry should include 3 action buttons: * Change Stage: Opens modal with dropdown for new stage, date input, and comment box * See History: Opens modal showing chronological stage change log * View Offender: Opens individual offender screen A floating “+ Add Offender Contact” button that opens a modal form with input fields to add a new contact🏢 2. Facility Screen: Title: Facility Management Table or list view showing all facilities with just the facility name Buttons: * + Add Facility button to open modal form * Edit button for each facility entry👨⚕️ 3. Chaplain Screen: Title: Chaplain Management Table with the following fields: * Name * Username * Email * Assigned Facilities Buttons: * + Add Chaplain * Edit button per row 🛠️ 4. Admin Screen: Title: Admin Management Table layout * Add and Edit buttons👤 5. Individual Offender Screen: Top Section: A bordered box displaying: * Full Name, DOC Number, Status, Facility, Discipleship Stage, Baptism Date, New Birth Date * Tab Navigation Below: * Tab 1: Notes * List of notes with timestamp * Add Note button (opens modal) * Edit button per note * Tab 2: Meetings * List of meetings with date/time and summary * Add Meeting button (opens modal) * Edit button per meeting📦 Export Options: * Ensure design is suitable for exporting to HTML/CSS * give design in Figma file also
I'll create a comprehensive tablet layout UI for your Canvas PowerApps application with all the specified screens and components. This will be designed for tablet landscape orientation with your primary color #1c344d.
I've created a comprehensive tablet layout UI for your Canvas PowerApps application with all the requested features:
#1c344d with complementary color paletteThe design is optimized for tablet landscape orientation and includes all the functionality you specified. The color scheme uses your primary color #1c344d with complementary blues, greens, purples, and oranges for the discipleship stages.
Reduce Off. Con. card heigth, i want small compact and clean card design.Add navigation in header instead of navigation dropdownAdd one screen for below requirenment=> Reports/Dashboard/Home Page * Number of offenders per discipleship stage, per chaplain, per facility * Contact’s last interaction/update was more than 30 days agoNote: i do not want graphs, I want only count
I'll make the offender contact cards more compact, add direct navigation to the header, and create a Reports/Dashboard screen with the counts you requested.
I've made the requested improvements:
Count-based displays (no graphs as requested):
The dashboard now serves as the home page and provides all the statistical information you requested in a clean, count-based format without any graphs. The navigation is more intuitive, and the contact cards are much more compact while maintaining all functionality.