[GH-ISSUE #353] Custom JS / CSS #273

New issue

Closed

opened 2026-02-25 23:41:51 +03:00 by kerem · 3 comments

kerem commented

2026-02-25 23:41:51 +03:00

Owner

Originally created by @alex-phillips on GitHub (Apr 4, 2020).
Original GitHub issue: https://github.com/healthchecks/healthchecks/issues/353

Is there a way to add in custom JS or CSS to a self-hosted instance? I would like to add in a link inline for each watch item that links off to a resource related to each job. I could do this with JS if there was a way to specify some custom code.

I can add this to the description, but having it inline would be great as an icon.

Originally created by @alex-phillips on GitHub (Apr 4, 2020). Original GitHub issue: https://github.com/healthchecks/healthchecks/issues/353 Is there a way to add in custom JS or CSS to a self-hosted instance? I would like to add in a link inline for each watch item that links off to a resource related to each job. I could do this with JS if there was a way to specify some custom code. I can add this to the description, but having it inline would be great as an icon.

kerem

2026-02-25 23:41:51 +03:00

closed this issue
added the
feature
label

kerem commented

2026-02-25 23:41:51 +03:00

Author

Owner

@cuu508 commented on GitHub (Apr 6, 2020):

There isn't an easy way currently.

You can fork the repository, and add light tweaks to the templates and JS files. If you're comfortable patching the page with JS then perhaps this is an option.

Can you describe a little more what you have in mind? Are you thinking of a third icon next to these two that links out to an external resource?

Would the link be derived from check's name or tags?

@cuu508 commented on GitHub (Apr 6, 2020): There isn't an easy way currently. You can fork the repository, and add light tweaks to the templates and JS files. If you're comfortable patching the page with JS then perhaps this is an option. Can you describe a little more what you have in mind? Are you thinking of a third icon next to these two that links out to an external resource? ![image](https://user-images.githubusercontent.com/661859/78558099-b5a20b00-781a-11ea-9c97-641ff04c269b.png) Would the link be derived from check's name or tags?

kerem commented

2026-02-25 23:41:51 +03:00

Author

Owner

@alex-phillips commented on GitHub (Apr 6, 2020):

Yes. This is a bit of a unique case, but I have as script that runs and sends healthcheck ping times to influx DB / Grafana for charting jobs and their health over time. It would be nice if I could expose a link to each job's chart without having to view the details screen. These links are derived from the job's name or ID. The description exposes the URL as a clickable link, but I can only view this by clicking through to the details page.

Or if when you click on the job to get the edit window, if the description was rendered out instead of editable initially (click an edit button to turn this into a textarea?) then that would expose the description as well.

@alex-phillips commented on GitHub (Apr 6, 2020): Yes. This is a bit of a unique case, but I have as script that runs and sends healthcheck ping times to influx DB / Grafana for charting jobs and their health over time. It would be nice if I could expose a link to each job's chart without having to view the details screen. These links are derived from the job's name or ID. The description exposes the URL as a clickable link, but I can only view this by clicking through to the details page. Or if when you click on the job to get the edit window, if the description was rendered out instead of editable initially (click an edit button to turn this into a textarea?) then that would expose the description as well.

kerem commented

2026-02-25 23:41:51 +03:00

Author

Owner

@cuu508 commented on GitHub (Apr 30, 2022):

I think forking the repo and editing the template (templates/front/my_checks_desktop.html) is the way to go here.

@cuu508 commented on GitHub (Apr 30, 2022): I think forking the repo and editing the template (`templates/front/my_checks_desktop.html`) is the way to go here.