How to collapse(not close) a side pane via JS?

(0) Share

Report

Posted on by Ray

1,537

I can get the side pane object using the JS code below, but I would like to know how to collapse a side pane by OOTB method. I know there are /close/ and /hidden/ properties I can use, but this property would get the entire side pane disappear.

let copilotSidePane = Xrm.App.sidePanes.getAllPanes().getAll()[0]

// The close method hides the whole side pane, but I only want to collapse it.

copilotSidePane.close();

I have the same question (0)

All responses (2)

Answers (1)

Verified answer

Dengliang Li Microsoft Employee on at

Like (1)

Report
Copy link

Link copied!

Hi,

You can get the HTML element of the side pane button. Then implement the click event by automatically clicking this button with the following code.

Because clicking on the side pane button collapses the side pane.

function onload() {

//get the Copliot button HTML element

var copliot = window.top.document.querySelector("button[aria-label='Copilot']");

//Programmatically trigger the click event.

const evt = new MouseEvent("click", { bubbles: true, cancelable: true });

copliot.dispatchEvent(evt)

}

For more information on this method please refer to the following link.

https://developer.mozilla.org/en-US/docs/Web/Events/Creating_and_triggering_events#adding_custom_data_%E2%80%93_customevent

If my answer was helpful, please click Like, and if it solved your problem, please mark it as verified to help other community members find more.
If you have further questions, please feel free to contact me .

Best Regards,
Dengliang Li

Was this reply helpful? Yes No
Dengliang Li Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Hi,

Has the issue been solved?
Have there been any updates? Please feel free to ask me if you have any questions!
If it has been resolved, can you mark the response as an answer?

Was this reply helpful? Yes No

Join the conversation

Community site session details

How to collapse(not close) a side pane via JS?

Helpful resources

News and Announcements

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates

Community site session details

How to collapse(not close) a side pane via JS?

Helpful resources

News and Announcements

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Subscribe to this forum!

Select categories

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates