In this post, we will look at the Side Panes in Model-Driven Apps, this feature will give a side pane on the right side of a model-driven app. Developers can use this pane to display the records in an entity.

 

Now we can see how to create a App Side Pane

Open  App Advanced Settings Select Solution

 

  Web Resource Click New

  Add Code in the text editor

 

Code i have used in the web resource

function ontest(){
Xrm.App.sidePanes.createPane({
title: “Contacts”,
imageSrc: “”,
paneId: “ContactList”,
canClose: true
}).then((pane) => {
pane.navigate({
pageType: “entitylist”,
entityName: “test_testride”,
})
});
}

Next entity Form Form Properties and  Add Side pane web resource

 

Now see the Side pane is working perfectly