Skip to main content
Home  › ... Razor

Fields Tutorials

Tutorial HomeFields

2sxc Custom Input Fields (11.02+)

2sxc 11 makes it very easy to create custom input fields using standard WebComponents. This example shows the most basic case - just a dummy message (so not a real input field).

You can use it to learn about things like:

  1. Naming conventions for where to put the files
  2. Naming conventions for the tagName
  3. Using customElements.define(...) to register your element
  4. How web components use constructor() and making sure you have the super() call there
  5. Using connectedCallback() and disconnectedCallback() to init/destroy your component

So just have a look and discover how simple everything can be 🚀.

Edit for Anonymous Enabled for Tutorial

Important: We opened permissions that you can experience the edit dialog - so you can save, but it will just create draft data 😉.

Error Showing Content - please login as admin for details.