Question & Answer > View Question

Joget Plugin Static File Paths (JS/CSS) Returning 404

Confluence User - 24 Jun, 2025

Hi everyone,

I'm currently developing a custom Joget plugin and running into trouble when trying to load JavaScript and CSS files in my Freemarker template. All the paths are returning 404 errors, and I’m not sure what I’m missing.

Here’s how I’m referencing the files inside my ColorPickerField.ftl:

<script src="${request.contextPath}/plugin/org.joget.plugin.ColorPickerField/js/jqueryLibrary.js"></script>
<script src="${request.contextPath}/plugin/org.joget.plugin.ColorPickerField/js/colourpicker.js"></script>
<link rel="stylesheet" href="${request.contextPath}/plugin/org.joget.plugin.ColorPickerField/css/colpick.css" type="text/css" />

plugins

3

Confluence User •

24 Jun, 2025 •

confluenceUser •

•

confluenceUser •

Please provide your project structure especially inside resources folder and also make sure that the classpath and classname are correct

Confluence User •

24 Jun, 2025 •

confluenceUser •

•

confluenceUser •

Hi,

You need to add another folder "resources" as below

Confluence User •

14 Jul, 2025 •

confluenceUser •

•

confluenceUser •

Hi,
I have a similar issue where my static files are returning 404 even when they are in src/main/resources/resources.

I reference the files in FTL as :

<#assign pluginWebPath = request.contextPath + "/web/plugins/org.joget.colorpickerr.ColorPickerPlugin">

<link rel="stylesheet" type="text/css" href="${pluginWebPath}/resources/colpick.css" />
<script type="text/javascript" src="${pluginWebPath}/resources/colpick.js"></script>

and in my pom.xml:

resources/colpick.css=src/main/resources/resources/colpick.css,
resources/colpick.js=src/main/resources/resources/colpick.js,

Any help is appreciated!

1

CSV | Excel | XML | PDF

Your answer

Print

Joget Plugin Static File Paths (JS/CSS) Returning 404

3

RELATED QUESTIONS

Your answer

To answer a question you'll need an account.

3.builder-style-f31cd376-93d5-4980-a1d1-43d7a48aa223{color:#008C60 !important;}

RELATED QUESTIONS

Your answer.builder-style-e18c3b2a-86ca-4468-a7e2-e4f07d489fb1{color:#008C60 !important; margin-left:10px !important;}

To answer a question you'll need an account.

3

Your answer