# Where is the cusom docs

**URL:** <https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993>\
**Category:** User Support\
**Created:** [September 20, 2024, 8:14am UTC](https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993 "2024-09-20T08:14:40Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![langziyang](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.collaboraonline.com/langziyang/32/1347_2.png) [@langziyang](https://forum.collaboraonline.com/u/langziyang)\
**Post date:** [September 20, 2024, 8:14am UTC](https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993/1 "2024-09-20T08:14:40Z")

</div>

i use docker runing collabora online server, and use php example code runing online edit some xlsx, now i want custom the xlsx editor for example: i want add own button on toolbar, but i did not find the api docs, please tall me where is the right way to implements it? thanks

---

<div class="post-metadata">

**Author:** ![darshan](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.collaboraonline.com/darshan/32/2230_2.png) [@darshan](https://forum.collaboraonline.com/u/darshan)\
**Post date:** [September 20, 2024, 8:22am UTC](https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993/2 "2024-09-20T08:22:11Z")

</div>

Hello @langziyang Welcome to collabora online forums.

> [@langziyang](#):
>
> want add own button on toolbar, but i did not find the api docs, please tall me where is the right way to implements it?

We have Postmessage API which will help you to add custom buttons. here is the ref: [PostMessage API — SDK https://sdk.collaboraonline.com/ documentation](https://sdk.collaboraonline.com/docs/postmessage_api.html?highlight=insert_button)

For Ex search for ‘Insert\_Button’

There are many other properties as well. You can always explore more options as per your requirement

Thanks,  
Darshan

---

<div class="post-metadata">

**Author:** ![langziyang](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.collaboraonline.com/langziyang/32/1347_2.png) [@langziyang](https://forum.collaboraonline.com/u/langziyang)\
**Post date:** [September 20, 2024, 9:12am UTC](https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993/3 "2024-09-20T09:12:25Z")

</div>

hi,thank you,i find the way to add it,but i have one question：the insertBefore is button ID, if i want add my button to the position indicated by the arrow in the image. which id is the correct? i finded the Control.TopToolbar.js. but i did find the right id. thanks.if i solved this question,i will kown a lot

 ![QQ20240920-170610](https://europe1.discourse-cdn.com/flex013/uploads/collaboraonline/original/2X/8/81430779a3bb7e76184b17a0368c175e98284bc5.png)

---

<div class="post-metadata">

**Author:** ![darshan](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.collaboraonline.com/darshan/32/2230_2.png) [@darshan](https://forum.collaboraonline.com/u/darshan)\
**Post date:** [September 20, 2024, 9:27am UTC](https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993/4 "2024-09-20T09:27:44Z")

</div>

@langziyang that would be ‘insert-insert-sparkline’

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/collaboraonline/original/2X/b/bd9c38354e8ca499844323220d1a63a2e4a24adb.png)

---

<div class="post-metadata">

**Author:** ![langziyang](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.collaboraonline.com/langziyang/32/1347_2.png) [@langziyang](https://forum.collaboraonline.com/u/langziyang)\
**Post date:** [September 20, 2024, 9:35am UTC](https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993/5 "2024-09-20T09:35:16Z")

</div>

sorry,not working, always insert after save button

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/collaboraonline/original/2X/8/80187b6435578113466eb5df2d9fcb17b9d5da84.png)

---

<div class="post-metadata">

**Author:** ![darshan](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.collaboraonline.com/darshan/32/2230_2.png) [@darshan](https://forum.collaboraonline.com/u/darshan)\
**Post date:** [September 20, 2024, 11:04am UTC](https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993/6 "2024-09-20T11:04:37Z")

</div>

I guess it is not Possible to directly add in between the main notebook bar elements .

---

<div class="post-metadata">

**Author:** ![langziyang](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.collaboraonline.com/langziyang/32/1347_2.png) [@langziyang](https://forum.collaboraonline.com/u/langziyang)\
**Post date:** [September 22, 2024, 6:22am UTC](https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993/7 "2024-09-22T06:22:29Z")

</div>

i find if the ui mode is classic,then the custom button can insert anywhere,notbookbar can not do it,

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/collaboraonline/original/2X/3/3968704edddb1f8a210ff0555e4eb7761c81539a.png)

---

<div class="post-metadata">

**Author:** ![darshan](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.collaboraonline.com/darshan/32/2230_2.png) [@darshan](https://forum.collaboraonline.com/u/darshan)\
**Post date:** [September 23, 2024, 5:19am UTC](https://forum.collaboraonline.com/t/where-is-the-cusom-docs/2993/8 "2024-09-23T05:19:50Z")

</div>

> [@langziyang](#):
>
> I found that in classic UI mode, custom buttons can be inserted anywhere, but in notebookbar mode, this is not possible.

Yes, this limitation is due to the design pattern of the notebookbar. Custom buttons cannot be inserted at random positions in the notebookbar; they can only be added to the toolbar, not within the notebookbar itself.