ADX To PowerPages Migration Plan
ADX To PowerPages Migration Plan
Steps:
1. Export existing Entity Forms from ADX Studio into Power Pages format.
2. Map fields, validations, and layout (e.g., `Feedback Form` should include all fields in one
column).
3. Output JSON or XML structure for import into Power Pages.
4. Generate instructions for importing the form into Power Pages via the Portal
Management App.
Entity Fields:
- Name (Single Line Text)
- Email (Email)
- Comments (Multiline Text)
Task: Convert the `SubmitFeedback.cshtml` Razor page into a Power Pages-compatible Web
Template.
Output Requirements:
1. Replace Razor helpers with Power Pages Liquid syntax.
2. Ensure the form submits data to the `Feedback` entity using Dynamics 365 Web API.
3. Maintain validation and styling from the original Razor page.
Razor Code:
@model AdxStudioSample.Models.FeedbackModel
<h2>Submit Feedback</h2>
@using (Html.BeginForm())
{
<div>
<label>Name:</label>
@Html.TextBoxFor(m => m.Name, new { @class = "form-control", required = "required"
})
</div>
<div>
<label>Email:</label>
@Html.TextBoxFor(m => m.Email, new { @class = "form-control", type = "email",
required = "required" })
</div>
<div>
<label>Comments:</label>
@Html.TextAreaFor(m => m.Comments, new { @class = "form-control", required =
"required" })
</div>
<button type="submit" class="btn btn-primary">Submit</button>
}
Task: Reorganize and adapt `styles.css` and `scripts.js` for compatibility with Power Pages.
Output Requirements:
1. Generate a single `Web File` for CSS in Power Pages.
2. Generate a single `Web File` for JavaScript in Power Pages.
3. Provide instructions to upload and reference these files in Power Pages.
CSS:
```css
body {
font-family: Arial, sans-serif;
margin: 20px;
padding: 0;
}
.form-control {
width: 100%;
margin: 10px 0;
padding: 10px;
border: 1px solid #ccc;
}
```
JavaScript:
```javascript
document.addEventListener("DOMContentLoaded", function () {
console.log("Portal loaded.");
// Add form validation if necessary
});
```
Requirements:
1. Validate fields (`Name`, `Email`, `Comments`) using the API before submission.
2. Check for duplicate submissions based on the `Email` field.
3. Auto-generate a confirmation email upon successful submission.
Provide:
1. API endpoints and sample code snippets for integration with the Power Pages Web
Template.
2. Scripts to handle client-side validation and AJAX submission to the API.
3. Instructions to store the API response in the `Feedback` entity in Dynamics 365.
Task: Add a navigation menu item for the `Submit Feedback` page in Power Pages.
Menu Details:
- Menu Name: Feedback
- Link: `/submit-feedback`
- Position: After existing menu items.
Generate:
1. JSON or XML configuration for importing navigation data into Power Pages.
2. Steps to verify navigation updates in the portal.
Task: Using Llama 3.1 API, generate automated test scenarios for the migrated Power Pages
portal.
Test Scenarios:
1. Valid and invalid form submissions for the `Submit Feedback` form.
2. API response handling for duplicate feedback entries.
3. Display of the feedback list using an Entity List in Power Pages.
4. Navigation menu functionality.
Provide:
1. Sample test scripts for Selenium or Power Automate UI Flows.
2. Results validation criteria for each test case.