+- LogicMachine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Scripting (https://forum.logicmachine.net/forumdisplay.php?fid=8)
+--- Thread: URGENT HELP: LogicMachine Visu Customization (/showthread.php?tid=6204)
URGENT HELP: LogicMachine Visu Customization - Diegosimoni - 03.12.2025
Where to upload/link JavaScript (script.js) for Custom Widgets?
Dear LogicMachine Community/Support Team,
I am a new user of the LogicMachine platform, specifically the Visu editor. My primary goal is to move beyond the basic interface and create a modern, aesthetically pleasing graphical interface. I will attach screenshots to this post illustrating the modern aesthetic I am aiming for.
I have reviewed the basic structure and located the global styling options (like the "Edit custom CSS" section and the global Java/CSS setting). I can apply CSS to individual widgets, but I am completely lost when it comes to implementing advanced functionality and custom logic using JavaScript.
1. The Customization Dilemma (JS Logic & File Management)
- Programming Background: I have read your PDF manual on custom widgets, which mentions extending the Widget and WidgetView classes.
- However, as I am not well-versed in software programming, the documentation on Backbone.js concepts is proving too complex to apply in practice. I need a simpler, step-by-step practical guide.
- Editor Limitation: For "Manual" customization I can only create new widgets using a basic HTML script or add additionals CSS classes, which prevents me from adding complex interactivity and modern features within the Visu Edit mode.
- The Missing Link for script.js: The core of my problem is that I cannot find a dedicated, clear section where I can upload, write, or link the necessary script.js file for my custom widget logic. The system allows for global CSS/JS settings, but not for widget-specific logic files. If is possible I wish there was a "Starting from Scratch" Java Widget similar to how I create an HTML Widget (or URL), so I can paste the code inside the Widget and then customize it with his CSS additional class
2. Specific Questions Requiring a Practical Guide
I desperately need a clear procedure for a beginner:
- Where to place script.js and then how do I link the script to a specific widget created in Visu? Since I cannot locate a "File Manager" in my interface, what is the exact method for uploading the script.js file? Is there a specific menu option I am missing? Do I need to package the widget into a ZIP file for installation, or is using an external tool like FTP/SFTP the only way to get the file onto the controller?
- How to link the logic? Once there's a JavaScript file ready, what is the exact step to link the script to the widget I create through the Edit plan > Edit mode interface in Visu? How does Visu know which specific piece of logic (i.e., which
definition) corresponds to the ID I provide during widget creation?Code:Widget["my_id"]
Thank you very much for your time and for providing any detailed, beginner-friendly guidance or links to video tutorials that can bridge this knowledge gap for new users like me.
If I have formulated the question poorly or you require further information about my setup, please let me know.
Best regards,
Diego
RE: URGENT HELP: LogicMachine Visu Customization - Daniel - 03.12.2025
You are mixing things up. Widgets as script.js were used in Mosaic but not in Visu, these are totally different tools. If you want total customization you can make your own app.
https://forum.logicmachine.net/showthread.php?tid=85
Otherwise use Visu and just modify graphical appearance of elements, it has a lot of options, the screenshots you provided can be achieved to some degree.