Power Pages Progressive Field Visibility
Summary
Freelancer Client is hiring: Power Pages Progressive Field Visibility.
Location: Remote
I have a Power Pages site connected to Dataverse.
Requirements:
• 1. Hide Position Groups 2 and 3 on page load
• Use JavaScript inside:
• Power Pages → Basic Form → Additional Settings → Custom JavaScript
• The script should:
• Detect the form fields by their Dataverse logical names
• Hide the entire field groups (labels + inputs)
• 2. Add a clickable link or button
• Label: “Add another position”
Nice to have:
• Testing to ensure all three groups save correctly to Dataverse
• Power Pages site access
• Dataverse table + field logical names
Skills: PHP, JavaScript, CSS, HTML, Software Development, Web Development, Frontend Development, User Experience Research
Budget: $8–$15 USD
Source: Freelancer Client via Remote / Online. Apply on the source website.
Original
Project Overview
I have a Power Pages site connected to Dataverse.
There is a Basic Form on the site that includes three sets of Position fields:
Position Group 1
Position 1
Position Selection 1
Position Status 1
Position Group 2
Position 2
Position Selection 2
Position Status 2
Position Group 3
Position 3
Position Selection 3
Position Status 3
These fields already exist in Dataverse and are displayed on the Power Pages form.
Goal
I want to implement progressive field visibility:
Only Position Group 1 is visible by default.
Position Groups 2 and 3 should be hidden initially.
A button or link labeled “Add another position” should appear under Group 1.
When the user clicks “Add another position”, Group 2 becomes visible.
The button should appear again under Group 2 to reveal Group 3.
After Group 3 is shown, the button should disappear (max 3 positions).
This must be done using Power Pages Custom JavaScript, not Business Rules (since they don’t run on Power Pages).
Technical Requirements
1. Hide Position Groups 2 and 3 on page load
Use JavaScript inside:
Power Pages → Basic Form → Additional Settings → Custom JavaScript
The script should:
Detect the form fields by their Dataverse logical names
Hide the entire field groups (labels + inputs)
2. Add a clickable link or button
Label: “Add another position”
Requirements:
Must appear under Position Group 1 initially
When clicked → reveal Position Group 2
Button moves under Position Group 2
When clicked again → reveal Position Group 3
After Group 3 is shown → button disappears
3. Clean UI behavior
Smooth show/hide (no flicker on load)
Button styled to match Power Pages theme
Works on desktop + mobile
4. Code Quality
Clean, commented JavaScript
No external libraries
Must work with Power Pages’ form rendering model
Must not break validation or Dataverse submission
Deliverables
Custom JavaScript file (or inline script) to implement the dynamic behavior
Instructions on where to paste the script in Power Pages
Optional: CSS snippet for button styling
Testing to ensure all three groups save correctly to Dataverse
Access Provided
Power Pages site access
Basic Form name
Dataverse table + field logical names
Skills Required
Power Pages
Dataverse
JavaScript (DOM manipulation)
Power Apps Portals form structure
Web resource debugging
Location & Details
Apply on source →About this listing
This remote opportunity was imported from Freelancer and is shown here for discovery. To apply, follow the link to the original posting.