In this blog, we will discuss a new feature that will be available in the Powerplatform Wave 2 2021 release, it is about the side panel that appears on the right side of an MDA, you can find the announcement of this new feature on the following documentation: Model driven apps support multiple app side panes
Please note that this new feature is not yet documented. Do not use this approach in production. You can use it for prototyping purposes, and hopefully this new feature will be supported very soon.
For the good understanding of this new functionality, we will compare the old and the new panel display. We will start with the classic display by highlighting its weaknesses.
According to the current documentation, a panel can be displayed in the following way:
To open this kind of panel, we use the following function: Xrm.Panel.loadPanel(url, title). You can find all the details about this function in the following documentation.
However, this function allows opening only one panel at a time. That is, you can’t open several panels at the same time. In my opinion, this remains a major weakness of this component.
Unlike the classic panel, the new version allows us to instantiate several panels thanks to the new Xrm.App.sidePanes factory. Using this new object, it will be possible to build several panels at the same time, as shown below:
Tab navigating to “My Tasks” view
Tab navigating to an HTML WebRessource
Hope it helps…
6 thoughts on “First look at the multi-tab panel (sidePanes)”
Thanks for the blogpost! This is very cool functionality and I’ve been playing around with it.
I was wondering if you know about other page types that might be available. So far I see « entitylist » and « webresource », but do you know of any way to just inplement html without using a webresource?
This way I could make the content of the page a bit more flexible onLoad of a record.
For instance, I could choose which YouTube video to show depending on the type of record a user navigates to. Any tips?
thank you for the article.
How can i remove the side pane?
Find out the solution:
– first of all, attribute « canClose » must be set to true for the pane you want to close
– after that Xrm.App.sidePanes.getPane(« PaneName »).close()
LikeLiked by 1 person
Thanks for sharing !! 🤞🤞