diff --git a/14/umbraco-forms/SUMMARY.md b/14/umbraco-forms/SUMMARY.md index ec400c6ca2f..711c3dfbb64 100644 --- a/14/umbraco-forms/SUMMARY.md +++ b/14/umbraco-forms/SUMMARY.md @@ -65,7 +65,7 @@ * [Apply keys and indexes for forms in the database](developer/healthchecks/forms-in-the-database-apply-keys.md) * [Localization](developer/localization.md) * [Headless/AJAX Forms](developer/ajaxforms.md) -* [Block List Filters](developer/blocklistfilters.md) +* [Block List Labels](developer/blocklistfilters.md) * [Field Types](developer/field-types.md) * [Storing Prevalue Text Files With IPreValueTextFileStorage](developer/iprevaluetextfilestorage.md) diff --git a/14/umbraco-forms/developer/blocklistfilters.md b/14/umbraco-forms/developer/blocklistfilters.md index b493cc3a8c8..c522271a943 100644 --- a/14/umbraco-forms/developer/blocklistfilters.md +++ b/14/umbraco-forms/developer/blocklistfilters.md @@ -1,21 +1,27 @@ -# Block List Filters +# Block List Labels When working with the Block List editor, [the editor experience is enhanced](https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/block-editor/block-list-editor#editor-appearance) by defining a label for the appearance of the Block. -These labels can contain AngularJS filters. +These labels can use [Umbraco Flavored Markdown (UFM)](https://docs.umbraco.com/umbraco-cms/reference/umbraco-flavored-markdown). -A filter `umbFormsFormName` is available for use. +An option is available to display a form's name - `umbFormName`. + +It should be rendered as follows, with a reference to the property alias on the block element that uses a form picker. + +``` +{umbFormName: } +``` If you add a reference to a property containing a form to the block's label, it will render with the form's Id. For example, assuming a property containing a picked form with an alias of `contactForm`: ``` -{{contactForm}} +{=contactForm} ``` -By using the filter as follows, the form's name will be displayed instead. +By using the markdown as follows, the form's name will be displayed instead. ``` -{{contactForm | umbFormsFormName}} +{umbFormName: contactForm} ``` diff --git a/14/umbraco-forms/release-notes.md b/14/umbraco-forms/release-notes.md index 0202dcd6dcf..3445664f994 100644 --- a/14/umbraco-forms/release-notes.md +++ b/14/umbraco-forms/release-notes.md @@ -18,6 +18,11 @@ If you are upgrading to a new major version, you can find information about the This section contains the release notes for Umbraco Forms 14 including all changes for this version. +#### [**14.2.0-rc2**](https://github.com/umbraco/Umbraco.Forms.Issues/issues?q=is%3Aissue+is%3Aclosed+label%3Arelease%2F14.2.0) **November 3rd 2024** + +* Updated dependency on Umbraco CMS to 14.3.0. +* Added a replacement for the AngularJS [block list label filter we provide for Forms 13](../../13/umbraco-forms/developer/blocklistfilters.md). The new implementations use [Umbraco Flavored Markdown (UFM)](https://docs.umbraco.com/umbraco-cms/reference/umbraco-flavored-markdown) and are [documented here](./developer/blocklistfilters.md). + #### [**14.2.0-rc1**](https://github.com/umbraco/Umbraco.Forms.Issues/issues?q=is%3Aissue+is%3Aclosed+label%3Arelease%2F14.2.0) **October 25th 2024** ##### Multi-step forms diff --git a/15/umbraco-forms/developer/blocklistfilters.md b/15/umbraco-forms/developer/blocklistfilters.md index b493cc3a8c8..c522271a943 100644 --- a/15/umbraco-forms/developer/blocklistfilters.md +++ b/15/umbraco-forms/developer/blocklistfilters.md @@ -1,21 +1,27 @@ -# Block List Filters +# Block List Labels When working with the Block List editor, [the editor experience is enhanced](https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/block-editor/block-list-editor#editor-appearance) by defining a label for the appearance of the Block. -These labels can contain AngularJS filters. +These labels can use [Umbraco Flavored Markdown (UFM)](https://docs.umbraco.com/umbraco-cms/reference/umbraco-flavored-markdown). -A filter `umbFormsFormName` is available for use. +An option is available to display a form's name - `umbFormName`. + +It should be rendered as follows, with a reference to the property alias on the block element that uses a form picker. + +``` +{umbFormName: } +``` If you add a reference to a property containing a form to the block's label, it will render with the form's Id. For example, assuming a property containing a picked form with an alias of `contactForm`: ``` -{{contactForm}} +{=contactForm} ``` -By using the filter as follows, the form's name will be displayed instead. +By using the markdown as follows, the form's name will be displayed instead. ``` -{{contactForm | umbFormsFormName}} +{umbFormName: contactForm} ```