Update custom_code.md

This commit is contained in:
Radovan Ječmenica
2025-04-30 15:00:58 +02:00
committed by GitHub
parent d4b2a9e01b
commit 0e3566d326

View File

@@ -4,8 +4,37 @@ sidebar_position: 6
# Custom Code
OpenPanel is renowned for its modularity, allowing you to customize numerous aspects.
OpenPanel is renowned for its modularity, giving you full control to tailor the platform to your needs.
From *OpenAdmin > Settings > Custom Code* you can add custom code to OpenPanel UI templates:
The Custom Code section, accessible via OpenAdmin > Settings > Custom Code, allows you to inject and manage custom code that extends or modifies the behavior and appearance of the OpenPanel UI.
##Available customization options include:
## Custom CSS
Inject your own CSS styles that will be applied across all pages of the OpenPanel UI.
📘 [View Documentation](https://dev.openpanel.com/customize.html#Custom-CSS)
## Custom JS
Add custom JavaScript to all pages. This is ideal for extending UI functionality, adding widgets, or integrating third-party tools.
📘 [View Documentation](https://dev.openpanel.com/customize.html#Custom-JS)
## Code in Header
Insert custom code directly into the <head> tag of every page. Useful for meta tags, analytics scripts, and global settings.
📘 [View Documentation](https://dev.openpanel.com/customize.html#Code-in-Header)
## Code in Footer
Insert custom code directly into the footer section of all pages. This is commonly used for tracking scripts, analytics, or deferred JavaScript.
📘 [View Documentation](https://dev.openpanel.com/customize.html#Code-in-Footer)
## After Update
Define custom bash commands that will automatically run after each OpenPanel update. Ideal for restoring customizations or triggering automation scripts.
📘 [View Documentation](https://dev.openpanel.com/customize.html#After-update)
This powerful customization layer helps ensure OpenPanel fits seamlessly into your environment.
![openadmin custom code](/img/admin/custom_code.png)