I want to create custom UI for a flow app like create button. I want to build some sort of app that gave user more creative UI and good experience whether it is by HTML or CSS.
Solved
Custom UI for the FlowAApps.
+1- Contributor
Best answer by j.botterill
FME Flow Apps support:
- Custom logos
- Custom colours
- Custom banners
- Custom descriptions
- Gallery Apps for application navigation
This is the lowest effort option.
Instead of users seeing an FME Flow App: your next option is to go full custom
- User
- Custom Website - with all your CSS, HTML including javascript to call :
- FME Flow REST API
- POST /fmeapiv4/jobs to execute the Workspace / Automation parsing in parameter
GET /fmeapiv4/jobs/{id}/resultto retrieve data download result URL
javascript example
const response = await fetch(
"https://yourfmeflow/fmeapiv4/jobs",
{
method: "POST",
headers: {
"Authorization": "Bearer " + token,
"Content-Type": "application/json"
},
body: JSON.stringify({
repository: "GISTools",
workspace: "ValidateMyData.fmw",
publishedParameters: {
INPUT_FILE: filePath
}
})
}
);
const result = await response.json();
console.log(result);
Lastly, you can post an FME Idea for Safe software to develop a better custom UI generator for what you’re asking for here
+61- Evangelist
- Best Answer
FME Flow Apps support:
- Custom logos
- Custom colours
- Custom banners
- Custom descriptions
- Gallery Apps for application navigation
This is the lowest effort option.
Instead of users seeing an FME Flow App: your next option is to go full custom
- User
- Custom Website - with all your CSS, HTML including javascript to call :
- FME Flow REST API
- POST /fmeapiv4/jobs to execute the Workspace / Automation parsing in parameter
GET /fmeapiv4/jobs/{id}/resultto retrieve data download result URL
javascript example
const response = await fetch(
"https://yourfmeflow/fmeapiv4/jobs",
{
method: "POST",
headers: {
"Authorization": "Bearer " + token,
"Content-Type": "application/json"
},
body: JSON.stringify({
repository: "GISTools",
workspace: "ValidateMyData.fmw",
publishedParameters: {
INPUT_FILE: filePath
}
})
}
);
const result = await response.json();
console.log(result);
Lastly, you can post an FME Idea for Safe software to develop a better custom UI generator for what you’re asking for here
+73- Celebrity
Just as a side note, it’s incredible what you can accomplish over a few hours using something like Claude Code or Codex. If you feed it the FME Flow REST API definition as part of the specification, the sky’s the limit :-)
+4- Safer
Hi
If you just want it to look more like yours, the banners, logos, browser icon and description are editable on the app itself (there's a heading background colour option too). This walks through them: Getting Started with FME Flow Workspace Apps
You can also push those same images through the V4 REST API if you'd rather script it (the /fmeapiv4/apps/workspaces/<AppID>/files/<type> endpoints, one each for headinglogo, headingbanner, footerlogo, footerbanner, icon): Automating FME Flow App Customization
For a proper custom button / your own HTML+CSS, the route
Also worth throwing your use case onto that idea
Cheers,
Toyosi A.
Technical Support Specialist, FME Flow
Safe Software Inc.
+1- Contributor
Thank you so much for the response
Login to the community
No account yet? Create an account
An FME Account is required to contribute
LoginEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.