JavaScript in Model driven app

(1) Share

Report

Posted on by Gbolahan Akinola

Is it possible to use JavaScript to build a Progress bar for a form in Model driven app to track progress from tab to tab. Something like the business process flow , but without the stages involved in BPF

Anyone ever done this or knows how ?

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (0)

Sort by

Suggested answer

Valantis 6,735 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @Gbolahan Akinola,

Yes, two ways to do it:

1. HTML web resource with JS: render a progress bar in an HTML web resource, use formContext.ui.tabs.get("tabName").addTabStateChange() to detect tab navigation, and postMessage to update the bar. Add the web resource to the form header.

2. PCF control (cleaner): build a PCF bound to a numeric field, update the field value via form JS as tabs are visited, the PCF renders the bar.
For progress logic: simplest is tracking how many tabs the user has visited out of the total.

Best regards,

Valantis

✅ If this helped solve your issue, please Accept as Solution so others can find it quickly.

❤️ If it didn’t fully solve it but was still useful, please click “Yes” on “Was this reply helpful?” or leave a Like :).

🏷️ For follow-ups @Valantis.

📝 https://valantisond365.com/

💼 LinkedIn

▶️ YouTube

Was this reply helpful? Yes No
Suggested answer

11manish 3,333 on at

Like
a
(0)

Report
Copy link

Link copied!

Yes, it can be done with JavaScript, but a custom PCF control is typically the best long-term solution if you want a professional progress bar that tracks progress

across tabs in a Model-Driven App form.

Was this reply helpful? Yes No
Gbolahan Akinola 18 on at

Like
a
(1)

Report
Copy link

Link copied!

@11manish @Valantis

Thank you so much . Please do you have any video or blog explaining how to achieve this with custom PCF ?

Was this reply helpful? Yes No
Valantis 6,735 on at

Like
a
(1)

Report
Copy link

Link copied!

@Gbolahan Akinola unfortunatly i dont have anything like video or blog post.

Was this reply helpful? Yes No
11manish 3,333 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi Gbolahan Akinola ,

you can take the reference below :

https://pcf.gallery/progressbar/

Was this reply helpful? Yes No