Icon next to edit button

[maximilienkohl]

Hi guys!

I would like to add a custom icon next to the “Edit” button. What is the best way to archive it? How can I customize it?

The button should not be static. I would like a button that links directly to a Jira issue creation form, with the title “Docs: ${page on which I was in the docs}” and a description like the link to this page.

I hope you understand what I mean

[kamilkrzyskow]

Hello @maximilienkohl,
I don't know how Jira handles the creation of new issues, if it's an URL and plain GET params fill out the fields in the form or if you have to send a POST request with a CDATA payload containing the input fields for the Jira form. I'll leave figuring this out to you 🫡

As for the extension of the theme, you could modify the actions.html partial and add another button with a link to the GET-based URL mentioned above. This way the button would be added during MkDocs build, just like the other buttons.

• https://squidfunk.github.io/mkdocs-material/customization/#extending-the-theme
• https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/partials/actions.html

And another way would be to add the button dynamically in JavaScript in your extra.js file and attach a click event lister that would call the fetch function and send a POST request to the Jira issue creator. This way the button could appear on the website with a slight delay after the JavaScript executes.

• https://squidfunk.github.io/mkdocs-material/customization/#additional-javascript
• https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

At GMC we've used a similar approach to add a "add location" button which is added in JavaScript and sends a GET-based request to GitHub. However, we'll opt-out of multi-language approach for GMC, so I don't know how long "the example" will be online.

• https://github.com/Gothic-Modding-Community/gmc/blob/36b962f7819b8d0c8e57ca5e4c5121711f446e5c/overrides/assets/javascripts/extra.js#L360
• https://gothic-modding-community.github.io/gmc/pl/zengin/textures/

[maximilienkohl]

Okay thanks for your help <3 !

[kamilkrzyskow]

After a while I also recalled there was a similar discussion in the past related to adding a button:

• How to add a "share link to this page", especially for private GitLab/GitHub pages sites? #6849

Maybe it'll be useful to you @maximilienkohl ✌️

[maximilienkohl]

Thanks you're the best, @kamilkrzyskow .