reverting local changes on controlstest.tsx for issue 1571 & 1171

Author: NishkalankBezawada

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -928,16 +928,14 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
 
     return (
       <div className={styles.controlsTest}>
-
-
         <div className="ms-font-m">
           {/* Change the list Id and list item id before you start to test this control */}
-          <DynamicForm 
-            context={this.props.context} 
-            listId={"1c2e8fb9-e604-4f30-8055-10b465b42921"} 
-            listItemId={7}
-            onCancelled={() => { console.log('Cancelled'); }} 
-            onSubmitted={async (listItem) => { /*let itemdata = await listItem.get();*/ console.log(listItem); }}></DynamicForm>
+          <DynamicForm context={this.props.context} listId={"8d26295d-c532-47c6-a2c5-d6e79c2ef523"} onCancelled={() => { console.log('Cancelled'); }} onSubmitted={async (listItem) => { let itemdata = await listItem.get(); console.log(itemdata["ID"]); }}></DynamicForm>
+        </div>
+        <div className="ms-font-m">
+          {/* Change the list Id and list item id before you start to test this control */}
+          {/* This DynamicForm display a dialog message when validation fails */}
+          <DynamicForm context={this.props.context} listId={"8d26295d-c532-47c6-a2c5-d6e79c2ef523"} onCancelled={() => { console.log('Cancelled'); }} onSubmitted={async (listItem) => { let itemdata = await listItem.get(); console.log(itemdata["ID"]); }} validationErrorDialogProps={{showDialogOnValidationError: true}}></DynamicForm>
         </div>
         <WebPartTitle displayMode={this.props.displayMode}
           title={this.props.title}