asked on May 19

We spend a significant amount of time customizing forms in the Modern Forms Designer with LFForm-based JavaScript. While the built-in sandbox is helpful, authoring code without IntelliSense or validation often leads to typos, missing brackets, or mis-referenced field IDs—errors that only surface at runtime.

Feature request

I would like to propose two complementary enhancements to the JavaScript editor within Forms:

  1. Context-aware autocompletion

    • Suggest LFForm methods, events (LFForm.onFormInitialized, etc.) and common JavaScript syntax.

    • Surface the current field IDs / CSS classes defined in the form so they can be inserted without manual copy-paste or using tokens.

    • Provide inline documentation tool-tips (signature + brief description) for built-in LFForm functions.

  2. One-click code validation / linting

    • A "Validate" tab or button that performs static analysis before saving, highlighting syntax errors and undefined references.

    • Ideally, show line-by-line error messages and warnings (similar to ESLint) so issues are fixed proactively.

Benefits

  • Fewer production errors: Catch mistakes early, reducing troubleshooting time.

  • Faster development: Autocomplete accelerates coding and encourages consistency in naming.

  • Lower learning curve: New users see available APIs and field IDs without digging through documentation.

  • Improved code quality: Built-in linting enforces best practices across teams.

Thank you. 

2 0