Crm Minds

---

App side panes are a new feature in model-driven apps that allow you to display additional information or functionality in a collapsible pane on the right side of the app. You can use the Xrm.App.sidePanes API to create and manage app side panes programmatically. App side panes can display any model-driven app form or custom page, such as a view, a row, a web resource, or an external site. You can also add badges to the side pane tabs to indicate changes or notifications.

App side panes are not available for Dynamics 365 Customer Engagement on-premise deployments.

To create an app side pane, you need to use the Xrm.App.sidePanes API, which represents the collection of side panes. You can access this API from any form or custom page within a model-driven app. The API has the following methods:

• createPane: Add empty pane to sidePanes collection. Need to call pane.navigate() to load the page.
• getPane: Returns the pane corresponding to the input ID. If pane doesn’t exist, undefined is returned.
• getSelectedPane: Returns the current selected pane.
• getAllPanes: Returns a collection containing all active panes.

For all methods and parameters you can check official documentation here. And here you can see al the navigateTo parameters.

Here is some sample code that implements these steps:

Show records in side pane based on specific View.

You can show a view in side pane. For this you need to provide your entity name and view id,

	// Create two nonclosable panes for reservation list and product list
	Xrm.App.sidePanes.createPane({
	title: "BlackListed Customers",
	imageSrc: "https://example.com/blacklist-icon.png",
	hideHeader: false,
	paneId: "CustomerBlackList",
	canClose: true,
	badgeMode: "none",
	alwaysRender: false
	}).then((pane) => {
	pane.navigate({
	pageType:"entitylist",
	entityName:"account",
	viewType: "userquery",
	viewId: "6c305703-9f41-ee11-bdf3-000d3ada9a49",
	})
	});

view raw ShowRecordsappSidePanes.js hosted with ❤ by GitHub

Show a specific record in side pane

You can show a specific record in your side pane. For this you need to provide your entity name and entity id,

	Xrm.App.sidePanes.createPane({
	title: "BlackListed Account",
	imageSrc: "WebResources/sample_blacklist_icon",
	hideHeader: true,
	canClose: true,
	width: 600
	}).then((pane) => {
	pane.navigate({
	pageType: "entityrecord",
	entityName: "account",
	entityId: "1fefe9dd-076c-e411-9369-2c59e542f54c",
	})
	});

view raw navigateToRecordInSidePane.js hosted with ❤ by GitHub