From 6c9132f1f61245d6bd9309c4e4d9df84d5a42540 Mon Sep 17 00:00:00 2001 From: Maciej Barelkowski Date: Mon, 11 Dec 2023 13:08:13 +0100 Subject: [PATCH] chore: update blog post number --- ...-dynamic-list.png => 007-dynamic-list.png} | Bin ...06-expressions.gif => 007-expressions.gif} | Bin ...png => 007-flexible-component-library.png} | Bin ...{006-group-path.png => 007-group-path.png} | Bin .../2023/{006-group.png => 007-group.png} | Bin .../2023/{006-iframe.png => 007-iframe.png} | Bin ...{006-nested-key.png => 007-nested-key.png} | Bin ...-resize-field.gif => 007-resize-field.gif} | Bin ...e-select.png => 007-searchable-select.png} | Bin .../{006-separator.png => 007-separator.png} | Bin .../2023/{006-spacer.png => 007-spacer.png} | Bin ...{006-form-js-1.5.md => 007-form-js-1.5.md} | 28 +++++++++--------- 12 files changed, 14 insertions(+), 14 deletions(-) rename src/assets/attachments/blog/2023/{006-dynamic-list.png => 007-dynamic-list.png} (100%) rename src/assets/attachments/blog/2023/{006-expressions.gif => 007-expressions.gif} (100%) rename src/assets/attachments/blog/2023/{006-flexible-component-library.png => 007-flexible-component-library.png} (100%) rename src/assets/attachments/blog/2023/{006-group-path.png => 007-group-path.png} (100%) rename src/assets/attachments/blog/2023/{006-group.png => 007-group.png} (100%) rename src/assets/attachments/blog/2023/{006-iframe.png => 007-iframe.png} (100%) rename src/assets/attachments/blog/2023/{006-nested-key.png => 007-nested-key.png} (100%) rename src/assets/attachments/blog/2023/{006-resize-field.gif => 007-resize-field.gif} (100%) rename src/assets/attachments/blog/2023/{006-searchable-select.png => 007-searchable-select.png} (100%) rename src/assets/attachments/blog/2023/{006-separator.png => 007-separator.png} (100%) rename src/assets/attachments/blog/2023/{006-spacer.png => 007-spacer.png} (100%) rename src/blog/2023/{006-form-js-1.5.md => 007-form-js-1.5.md} (88%) diff --git a/src/assets/attachments/blog/2023/006-dynamic-list.png b/src/assets/attachments/blog/2023/007-dynamic-list.png similarity index 100% rename from src/assets/attachments/blog/2023/006-dynamic-list.png rename to src/assets/attachments/blog/2023/007-dynamic-list.png diff --git a/src/assets/attachments/blog/2023/006-expressions.gif b/src/assets/attachments/blog/2023/007-expressions.gif similarity index 100% rename from src/assets/attachments/blog/2023/006-expressions.gif rename to src/assets/attachments/blog/2023/007-expressions.gif diff --git a/src/assets/attachments/blog/2023/006-flexible-component-library.png b/src/assets/attachments/blog/2023/007-flexible-component-library.png similarity index 100% rename from src/assets/attachments/blog/2023/006-flexible-component-library.png rename to src/assets/attachments/blog/2023/007-flexible-component-library.png diff --git a/src/assets/attachments/blog/2023/006-group-path.png b/src/assets/attachments/blog/2023/007-group-path.png similarity index 100% rename from src/assets/attachments/blog/2023/006-group-path.png rename to src/assets/attachments/blog/2023/007-group-path.png diff --git a/src/assets/attachments/blog/2023/006-group.png b/src/assets/attachments/blog/2023/007-group.png similarity index 100% rename from src/assets/attachments/blog/2023/006-group.png rename to src/assets/attachments/blog/2023/007-group.png diff --git a/src/assets/attachments/blog/2023/006-iframe.png b/src/assets/attachments/blog/2023/007-iframe.png similarity index 100% rename from src/assets/attachments/blog/2023/006-iframe.png rename to src/assets/attachments/blog/2023/007-iframe.png diff --git a/src/assets/attachments/blog/2023/006-nested-key.png b/src/assets/attachments/blog/2023/007-nested-key.png similarity index 100% rename from src/assets/attachments/blog/2023/006-nested-key.png rename to src/assets/attachments/blog/2023/007-nested-key.png diff --git a/src/assets/attachments/blog/2023/006-resize-field.gif b/src/assets/attachments/blog/2023/007-resize-field.gif similarity index 100% rename from src/assets/attachments/blog/2023/006-resize-field.gif rename to src/assets/attachments/blog/2023/007-resize-field.gif diff --git a/src/assets/attachments/blog/2023/006-searchable-select.png b/src/assets/attachments/blog/2023/007-searchable-select.png similarity index 100% rename from src/assets/attachments/blog/2023/006-searchable-select.png rename to src/assets/attachments/blog/2023/007-searchable-select.png diff --git a/src/assets/attachments/blog/2023/006-separator.png b/src/assets/attachments/blog/2023/007-separator.png similarity index 100% rename from src/assets/attachments/blog/2023/006-separator.png rename to src/assets/attachments/blog/2023/007-separator.png diff --git a/src/assets/attachments/blog/2023/006-spacer.png b/src/assets/attachments/blog/2023/007-spacer.png similarity index 100% rename from src/assets/attachments/blog/2023/006-spacer.png rename to src/assets/attachments/blog/2023/007-spacer.png diff --git a/src/blog/2023/006-form-js-1.5.md b/src/blog/2023/007-form-js-1.5.md similarity index 88% rename from src/blog/2023/006-form-js-1.5.md rename to src/blog/2023/007-form-js-1.5.md index 72480fff..047987d5 100644 --- a/src/blog/2023/006-form-js-1.5.md +++ b/src/blog/2023/007-form-js-1.5.md @@ -2,13 +2,13 @@ title: Empowering complex forms with form-js@1.x description: "Recapping our recent form-js releases: form layouting, flexible data binding, and FEEL expression properties to simplify complex form development" -preview_image: http://bpmn.io/assets/attachments/blog/2023/006-group-path.png +preview_image: http://bpmn.io/assets/attachments/blog/2023/007-group-path.png layout: blogpost.hbs slug: 2023-form-js-1.5-recent-developments author: - Niklas Kiefer - Valentin Serra -published: 2023-10-10 18:00 +published: 2023-12-11 12:00 releases: - 'form-js@1.0.0' @@ -29,7 +29,7 @@ Our focus these past few quarters have been to enable more complex use-cases for Resizable form fields allow you to adjust the horizontal size of your components, as well as bringing multiple components into the same row.
- +

Resize form fields to fit the layout. @@ -39,7 +39,7 @@ Resizable form fields allow you to adjust the horizontal size of your components With the addition of groups, you can now organize form components both visually and logically. In combination with component resizing, this gives you a lot of control over where your fields end up and allows you to create visually appealing form layouts

- +

Create groups to organize form components logically. @@ -49,7 +49,7 @@ With the addition of groups, you can now organize form components both visually The spacer component enables you to create white space between form components, making it possible to place them more freely. They may also be used as placeholders for conditionally hidden fields to maintain your form structure.

- +

Use spacers to align form components to the right. @@ -59,7 +59,7 @@ The spacer component enables you to create white space between form components, And just for good measure, we also added a separator component that makes it possible to visually separate form components.

- +

Use separators to visually distinguish form components. @@ -71,7 +71,7 @@ And just for good measure, we also added a separator component that makes it pos We significantly enhanced the data binding capabilities of form-js. You can now use nested keys to bind structured data to form components.

- +

Use nested form keys to bind structured data. @@ -81,7 +81,7 @@ We significantly enhanced the data binding capabilities of form-js. You can now You can also specify a data path on the group component, which will route all of the child components down a certain binding path.

- +

Keep your data nicely organized without configuration overheads. @@ -95,7 +95,7 @@ Most real world use cases aren't as simple as just data entry. We see the need f Our direction with this is leveraging FEEL, the expression language [standardized by the OMG](http://www.omg.org/spec/DMN/) and [feelers](https://github.com/bpmn-io/feelers), our own templating language built on top of it. Read-only settings, labels, descriptions, field options, validations, and most of our new component properties will now be configurable via expressions for a dynamic and powerful form building experience.

- +

FEEL expressions let you control properties dynamically. @@ -104,12 +104,12 @@ Our direction with this is leveraging FEEL, the expression language [standardize ## More components, more use cases -You should have already noticed that we made some changes to our component palette, in exchange for a scalable and searchable alternative. This highlights the direction where we are taking the library. We want to offer a toolkit which is sufficient for the majority of use-cases out of the box. +You should have already noticed that we made some changes to our component palette, in exchange for a scalable and searchable alternative. This highlights the direction where we are taking the library. We want to offer a toolkit which is sufficient for the majority of use-cases out of the box. There are certain limitations to this however, we understand that we cannot provide everybody with the flexibility they need, and hence in a true bpmn-io fashion we've opened up the library to component extensions, which are outlined in the following [blog post](https://bpmn.io/blog/posts/2023-custom-form-components).

- +

Find the component you want easily. @@ -119,17 +119,17 @@ There are certain limitations to this however, we understand that we cannot prov Aside from the visual polishing, selects have received a new configuration which allows them to be searchable. It works similarly to our taglist, but handles single-selection cases.

- +

Handle large dataset selection without scrolling endlessly.

-A fresh new arrival to our component suite with 1.5 is the iframe component, allowing you to embed other webpages inside of your forms, be it portfolios, documents, ect.. We have decided to ship these with restricted access for now, but do plan to allow you to configure security parameters in the future to grant the iframes more permissions. +A fresh new arrival to our component suite with 1.5 is the iframe component, allowing you to embed other webpages inside of your forms, be it portfolios, documents, ect.. We have decided to ship these with restricted access for now, but do plan to allow you to configure security parameters in the future to grant the iframes more permissions.
- +

Be sure to understand the security implications before using iframes.