Could someone explain to me how to create a custom FieldType in v14? I understand we're supposed to use TypeScript, Lit + Vite but i've read there is also an option to use vanilla Javascript.
But - on following the guide to create the example Slider control it is not clear where to create or even what to call this "Manifest file" that looks to me to be a TypeScript file.
Similarly the next section talks about the FieldEditor that also uses a manifest file.
I'm a bit of a beginner with these front end packages so it is not clear at all to me how to implement these files
sorry for the late reply, have been busy migrating a package to U14
Have a read of Kevin's excellent Blog about setting up a project for 14 using vite etc. It's easier than you think once you get started (I'm a complete vite newbie too)
Those are excellent links! I moved onto creating custom Property Editors and those seem a lot simpler to do. One of my colleagues took over the Field Types and thinks he has the hang of those.
I've been a dev for years but never really used the front end stuff like TypeScript / Vite - i've always been a jQuery kinda guy. Time to teach this old dog some new tricks I think!
Umbraco v14 Custom FieldType
Hi,
Could someone explain to me how to create a custom FieldType in v14? I understand we're supposed to use TypeScript, Lit + Vite but i've read there is also an option to use vanilla Javascript.
But - on following the guide to create the example Slider control it is not clear where to create or even what to call this "Manifest file" that looks to me to be a TypeScript file.
Similarly the next section talks about the FieldEditor that also uses a manifest file.
I'm a bit of a beginner with these front end packages so it is not clear at all to me how to implement these files
Many thanks
Hi Lee,
sorry for the late reply, have been busy migrating a package to U14
Have a read of Kevin's excellent Blog about setting up a project for 14 using vite etc. It's easier than you think once you get started (I'm a complete vite newbie too)
https://dev.to/kevinjump/early-adoptors-guide-to-umbraco-v14-package-structure-3i67
Also checkout Warren's repo template, it will create an empty repo on github to get you started
https://github.com/warrenbuckley/Umbraco-Repo-Template/tree/main
Finally :D you can check out my post on creating action entities.
https://umbraco.themediawizards.co.uk/the-grimoire/umbraco-14-member-entityaction/
Hopefully these should help you get going and understand the documentation a little (it still needs major improvement in this area)
Thanks for your reply :)
Those are excellent links! I moved onto creating custom Property Editors and those seem a lot simpler to do. One of my colleagues took over the Field Types and thinks he has the hang of those.
I've been a dev for years but never really used the front end stuff like TypeScript / Vite - i've always been a jQuery kinda guy. Time to teach this old dog some new tricks I think!
Thanks Lee
is working on a reply...