Umbraco 15 Custom workspace help & examples
# help-with-umbraco
m
Hi, I'm looking for examples of custom workspaces for Umbraco 15 to help me learn more about their creation. Specifically, I would like examples that are attached to posts/page types, link views, contexts and actions together and have custom data entry fields that save and store the regular page data. I've found the current documentation unclear and vague about if or how this is all possible. For a bit more context, my company have an older Umbraco site that uses a custom workspace to generate an email template for Mailchimp and I have been asked to start looking into re-creating it using the newer Umbraco 15 process. The workspace contains several custom fields including a rich text editor (which we would like to move to tiptap) and needs to save the data from these to the post and generate a live preview based upon their content. As a relatively newer user of Umbraco I'm finding it hard to get started so any help would be gratefully received. Thank you in advance!
j
This is a lot of complicated questions within one 🙂 To get you started, here is a blogpost that explains how to reuse Umbraco properties in your own extension: https://mattbrailsford.dev/reusing-umbraco-properties-in-umbraco
m
@Jemayn Thank you! I will have a good read of this post later today! And my apologies for the complexity of the op, is there any advice you can give me on what specific topics to focus on first?
j
I'd try to split the different functionality up a bit, so you can look for resources for each part: - How to add a custom workspace to content nodes - How to read data from the content node into your worksapce - How to add properties to your workspace - How to save your custom property data (this will most likely require calling your own backend endpoints and storing the data in your own database table) - How to do a live preview - Etc It is a pretty complex usecase for a new Umbraco developer tbh
m
I'm an experienced frontend developer but I have only been working directly with Umbraco for 2 years. Mostly make frontend templates for Umbraco websites and a few minor incursions into the older angular back office but for those, I had plenty of references both from the community and the previous work of my colleagues. Thanks again and I'll try to break my research down a bit more into these topics!
j
I can also recommend this repo as a resource: https://github.com/umbraco/Umbraco.Workflow.Client.Preview It is the clientside parts of the Umbraco Workflow package which has a lot of different kinds of extensions
m
Thank you!
4 Views