diff --git a/tests/app/ui/text-field/text-field.md b/tests/app/ui/text-field/text-field.md
index e4f09e7a2..e4b2cc933 100644
--- a/tests/app/ui/text-field/text-field.md
+++ b/tests/app/ui/text-field/text-field.md
@@ -10,12 +10,8 @@ Using a TextField requires the text-field module.
 {%snippet require-textfield%}
 ### Binding two TextFields text property to observable view-model property.
 ```XML
- <Page loaded="pageLoaded">
-  <StackLayout orientation="vertical">
-    {%raw%}<TextField text="{{ someProperty }}" />
-    <TextField text="{{ someProperty }}" />{%endraw%}
-  </StackLayout>
- </Page>
+{%raw%}<TextField text="{{ someProperty }}" />
+<TextField text="{{ someProperty }}" />{%endraw%}
 ```
 {%snippet binding-text-property-textfield%}
 ## Creating a TextField
@@ -34,3 +30,8 @@ Using a TextField requires the text-field module.
 {%snippet setting-secure-property%}
 ### Binding secure property directly to model
 {%snippet binding-secure-property%}
+### Setting the maxLength property of a TextField
+```
+<TextField autocorrect="false" hint="Setting Max text length(max 3 characters)" maxLength="3" />
+<TextField autocorrect="false"  hint="Setting Max text length(max 3 characters) with secure='true'" maxLength="3" secure="true" />
+```
\ No newline at end of file