From 5b5fb350d96d44936b4fecb6391a9d8a3bb52fca Mon Sep 17 00:00:00 2001 From: HazelGrant Date: Mon, 17 Jun 2024 14:51:29 -0400 Subject: [PATCH 1/2] Adds documentation for data-label-* directive --- .../interactive/dynamic-form-widgets.rst | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/source/how-tos/app-development/interactive/dynamic-form-widgets.rst b/source/how-tos/app-development/interactive/dynamic-form-widgets.rst index 9d094e486..697a52105 100644 --- a/source/how-tos/app-development/interactive/dynamic-form-widgets.rst +++ b/source/how-tos/app-development/interactive/dynamic-form-widgets.rst @@ -113,6 +113,29 @@ Here we have a checkbox ``enable_cuda_version`` that will show data: hide-cuda-version-when-unchecked: true +Dynamic Element Labels +********************** + +The ``data-label-*`` directive allows you to change the label of another +form element based on the selected option in a select widget. + +.. code-block:: yaml + attributes: + node_type: + widget: select + options: + - [ 'small', 'small', data-label-cores: 'Number of Cores (1-4)' ] + - [ 'medium', 'medium', data-label-cores: 'Number of Cores (1-8)' ] + - [ 'large', 'large', data-label-cores: 'Number of Cores (1-16)' ] + + cores: + widget: "number_field" + required: true + value: 1 + +In this case, selecting Node Type 'small' will change the label of Cores to +'Number of Cores (1-4)'. + Dynamic Min and Maxes ********************* From 3f9eff57b92cad9ceb2dc560739339af76a88dba Mon Sep 17 00:00:00 2001 From: HazelGrant Date: Mon, 17 Jun 2024 15:21:58 -0400 Subject: [PATCH 2/2] Fixes code block --- .../how-tos/app-development/interactive/dynamic-form-widgets.rst | 1 + 1 file changed, 1 insertion(+) diff --git a/source/how-tos/app-development/interactive/dynamic-form-widgets.rst b/source/how-tos/app-development/interactive/dynamic-form-widgets.rst index 697a52105..1cc9588eb 100644 --- a/source/how-tos/app-development/interactive/dynamic-form-widgets.rst +++ b/source/how-tos/app-development/interactive/dynamic-form-widgets.rst @@ -120,6 +120,7 @@ The ``data-label-*`` directive allows you to change the label of another form element based on the selected option in a select widget. .. code-block:: yaml + attributes: node_type: widget: select