8 hours ago
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)
2. Specific Questions Requiring a Practical Guide
I desperately need a clear procedure for a beginner:
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
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