Custom tool UI in alteryx.
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Mute
- Printer Friendly Page
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Notify Moderator
Hello,
I'm currently building a plugin tool for alteryx, but my UI won't show in alteryx. When I run the npm run start command in the ui folder all works well (the ui shows in my browser), but after that when i create the .yxi file and install it into alteryx nothing shows in the UI of the tool. As you can see the output in the alteryx picture works aswell (the backend part).
In the second picture there is text, but in the first picture there isn't.
python version - 3.8.5
node version - 14.21.3
npm version - 6.14.18
I'm suspecting create-yxi or the install into designer isn't working properly. When I install the tool into designer i get the tool in my third picture.
Where is the UI part even located when the tool gets installed into alteryx?
Any help? 😊
Thanks in advance!
Solved! Go to Solution.
- Labels:
-
.yxi
-
Custom Tools
-
HTML GUI
-
JavaScript
-
Python
-
SDK
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Notify Moderator
Is there a dist/ subdirectory in your UI component directory containing an app.js, runtime.js and index.html? If so, try deleting it and rerunning the create-yxi command. If doesn't exist, try running npm run build and see if that outputs an error
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Notify Moderator
Hey @cviki767, when creating the plugin and building the yxi, did you use the --use-ui argument? This is new to ayx-plugin-cli 1.1.0 (it defaults to false): https://community.alteryx.com/t5/Alteryx-IO-Resources/AYX-Plugin-CLI-Command-Overview/ta-p/1127602#:...
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Notify Moderator
I was indeed missing the --use-ui argument. Thank you!
![](/skins/images/B91543E47FBBDCE7C3A67278962D3CAF/responsive_peak/images/icon_anonymous_message.png)