Update reset form action

Author: pinkeshmars

docs/resources/control-flow/user-interactivity/forms/form-actions/imgs/reset-form-field-component.avif

@@ -8,73 +8,13 @@ sidebar_position: 1
 ---
 # Reset Form Field [Action]
 
-This action allows you to reset a value for the Form widgets. This is helpful in clearing out any previously entered data and allows users to start fresh.
+The **Reset Form Field** action allows you to reset values in form widgets. This is especially useful for clearing previously entered data and giving users a clean slate.
 
-For example, If a form has been successfully submitted, it may make sense to clear out the form fields so that the user can enter new data if they want to submit the form again.
+For example, after a form is successfully submitted, you can use this action to clear the input fields—making it easy for users to enter new information for another submission.
 
-<div style={{
-    position: 'relative',
-    paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
-    height: 0,
-    width: '100%'}}>
-    <iframe 
-        src="https://demo.arcade.software/8j2HzV0zEQu2JN23K0NG?embed&show_copy_link=true"
-        title=""
-        style={{
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-            colorScheme: 'light'
-        }}
-        frameborder="0"
-        loading="lazy"
-        webkitAllowFullScreen
-        mozAllowFullScreen
-        allowFullScreen
-        allow="clipboard-write">
-    </iframe>
-</div>
-<p></p>
-
-## Adding Reset Form Field action
-
-Follow the steps below to add this action to any widget.
-
-1. Select the **Widget** (e.g., Button, etc.) on which you want to add the action.
-2. Select **Actions** from the properties panel, If it's the first action, click **+ Add Action** button. Otherwise, click the "**+**" button below the previous action tile (inside *Action Flow Editor*) and select **Add Action**.
-3. Search the **Reset Form Field** (under *State Management*) action and select the widget you would like to reset.
-
-You can reset the same types of widgets in a single action only. e.g., multiple *TextField* widgets.
-
-<div style={{
-    position: 'relative',
-    paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
-    height: 0,
-    width: '100%'}}>
-    <iframe 
-        src="https://demo.arcade.software/ceKpYitIZcLrq8UKZBdp?embed&show_copy_link=true"
-        title=""
-        style={{
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-            colorScheme: 'light'
-        }}
-        frameborder="0"
-        loading="lazy"
-        webkitAllowFullScreen
-        mozAllowFullScreen
-        allowFullScreen
-        allow="clipboard-write">
-    </iframe>
-</div>
-<p></p>
+![reset-form-field](imgs/reset-form-field.avif)
 
 :::info
 You can also reset form fields that are inside the components.
-![reset-form-field-component](../../imgs/reset-form-field-component.png)
+![reset-form-field-component](imgs/reset-form-field-component.avif)
 :::

docs/resources/control-flow/user-interactivity/forms/form-actions/imgs/reset-form-field.avif

@@ -45,5 +45,5 @@ When Focus Field When Set is enabled, you can set one of the following **Cursor
 :::info
 You can also set form fields that are inside the components.
 <p></p>
-![set-form-field-in-component](../../imgs/set-form-field-in-component.avif)
+![set-form-field-component](imgs/set-form-field-component.avif)
 :::