Extending #ProjectfortheWeb Part 12 #PPM #CDS #MSDyn365 #PowerPlatform #MSProject #PowerBI #PowerApps #PowerAddicts #LessCodeMorePower #WorkManagement

This is the final post in this series on extending Project for the web – otherwise it will go on forever! There will be plenty more blog posts coming in the future for extending the capabilities of Microsoft’s Project for the web application but not part of this series. If you have anything specific you’d like me to cover for anything Project for the web related, drop me a message and I will see what I can do. If you missed the last post, I covered adding a Power BI report to the Power Apps model-driven form that was filtered to the current record, the post is here: https://pwmather.wordpress.com/2020/07/27/extending-projectfortheweb-part-11-ppm-cds-msdyn365-powerplatform-msproject-powerbi-powerapps-poweraddicts-lesscodemorepower-workmanagement/.

In this final post of the series we will cover adding a simple homepage for the app that enables users to access information you wish to publish to the users such as work instructions / guides and also access features in the app. There will be other points to consider / options when building an app like this as the series is wrapped up – these are found later in the post.

Starting with the homepage, this is added to the solution as a web resource. The HTML page in this example is very simple, I’ve just created an landing page with links to entities in my app as seen below:

Landing page

Clicking one of the images will navigate the user to that entity in a new tab. This simple example just has some links but as mentioned before this could be used to include details on your organisations project / work management work instructions for project management, risk management etc. Using web resources you can build great additions to the model-driven applications, here is a link to the docs: https://docs.microsoft.com/en-us/powerapps/developer/model-driven-apps/web-resources. This is an example of where a developer can write code (HTML, JavaScript, CSS etc.) to build these experiences to enhance the capability. The images used here are added as PNG web resources into my Power Apps solution. The page itself is a very simple HTML page that is also uploaded into the solution as a webpage (HTML) web resource. The HTML for this is as simple as below:


The page is then added into the app (select the app and click edit) then in the app designer edit the site map, for this I added a new group called Home and a new sub area in that group called Landing page. The sub area was set to use the Web Resource type then the Landing page previously uploaded to the solution was selected in the URL setting:


That’s all that is needed to add a simple page like above.

Other ways to enhance the capability include using the Power Apps component framework for model-driven apps, this is where pro developers can build custom components, here is a link to the docs: https://docs.microsoft.com/en-us/power-platform-release-plan/2019wave2/microsoft-powerapps/component-framework-model-driven-apps. There are lots of examples of Power Apps component framework components, lots of examples can be found here: https://pcf.gallery/ 

There are also other options too where developers extend the solutions with code such as custom ribbons, forms etc. details can be found here: https://docs.microsoft.com/en-us/powerapps/developer/model-driven-apps/overview

Once the app is complete you will need to ensure that users have access to the app and entities, for the docs on building model-driven Power Apps start here: https://docs.microsoft.com/en-us/powerapps/maker/model-driven-apps/model-driven-app-overview

You can also build Canvas apps to add capabilities to Project for the web, these are great for building nice visual applications by dragging and dropping components and controls on to the canvas then using expressions to control the behaviour / logic of those components, details can be found here: https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/getting-started

That’s it for this series on extending Project for the web, I hope that you enjoyed it and you got some ideas on how you can build business solutions around Project for the web without coding! I certainly enjoyed putting this together and I learnt about some of the model-driven Power Apps capabilities along the way. I will wrap up with a follow up post containing links to all of the 12 post in the series.

Lookout for more Project for the web posts coming soon.

One thought on “Extending #ProjectfortheWeb Part 12 #PPM #CDS #MSDyn365 #PowerPlatform #MSProject #PowerBI #PowerApps #PowerAddicts #LessCodeMorePower #WorkManagement

Comments are closed.

Blog at WordPress.com.

Up ↑

%d bloggers like this: