From 0e3566d3266243450f2f2c0b9d9380c86df3be42 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Radovan=20Je=C4=8Dmenica?= <147708271+radovanjecmenica@users.noreply.github.com> Date: Wed, 30 Apr 2025 15:00:58 +0200 Subject: [PATCH] Update custom_code.md --- website/docs/admin/settings/custom_code.md | 33 ++++++++++++++++++++-- 1 file changed, 31 insertions(+), 2 deletions(-) diff --git a/website/docs/admin/settings/custom_code.md b/website/docs/admin/settings/custom_code.md index a8e224d6..6f93a3c9 100644 --- a/website/docs/admin/settings/custom_code.md +++ b/website/docs/admin/settings/custom_code.md @@ -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 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)