Changes for page Form Builder

Last modified by Sachin Patil on 2024/08/30 07:28
From version 21.9
edited by Sachin Patil
on 2024/08/30 06:08
Change comment: There is no comment for this version
To version 21.11
edited by Sachin Patil
on 2024/08/30 06:20
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -53,20 +53,20 @@
53 53  
54 54  (((
55 55  (% class="western" style="text-align:left" %)
56 -(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Color & Close Button Text Color: **This will change the close button color also the text used in the close button .
56 +(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Color & Close Button Text Color: **This will change the close button color also the text used in the close button . [[image:1725016368615-308.png||height="59" width="68"]][[image:1725016404637-413.png||height="55" width="67"]]
57 57  )))
58 58  
59 59  * (((
60 60  (% class="western" style="text-align:left" %)
61 -(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Text : ** This can change the text of close button like X, close , end whatever you want.
61 +(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Text : ** This can change the text of close button like X, close , end whatever you want.  [[image:1725016443810-538.png||height="56" width="124"]][[image:1725016469945-625.png||height="52" width="112"]]
62 62  )))
63 63  * (((
64 64  (% class="western" style="text-align:left" %)
65 -(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Position : **This can align the close button left or right. you can change the position of close button.
65 +(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Position : **This can align the close button left or right. you can change the position of close button. [[image:1725016519471-572.png||height="59" width="267"]][[image:1725016549308-598.png||height="61" width="265"]]
66 66  )))
67 67  * (((
68 68  (% class="western" style="text-align:left" %)
69 -(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Shape :** (% style="font-family:Liberation Sans,sans-serif; font-size:10pt; line-height:100%" %)This will change the shape of your close button and we can make pop-up round,ellipse or rectangle .
69 +(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Shape :** (% style="font-family:Liberation Sans,sans-serif; font-size:10pt; line-height:100%" %)This will change the shape of your close button and we can make pop-up round,ellipse or rectangle . [[image:1725016587152-447.png||height="64" width="70"]][[image:1725016608399-219.png||height="63" width="74"]]
70 70  )))
71 71  * (((
72 72  (% class="western" style="text-align:left" %)
... ... @@ -74,11 +74,11 @@
74 74  )))
75 75  * (((
76 76  (% class="western" style="text-align:left" %)
77 -(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Height  & Close Button Width : **This will help to change the height and width of the close button.
77 +(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Close Button Height  & Close Button Width : **This will help to change the height and width of the close button. [[image:1725016644732-705.png]][[image:1725016669570-907.png||height="120" width="99"]]
78 78  )))
79 79  * (((
80 80  (% class="western" style="text-align:left" %)
81 -(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Vertical Position : **This will help to move the close button vertical if you want to move the close button outside the popup.
81 +(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Vertical Position : **This will help to move the close button vertical if you want to move the close button outside the popup. [[image:1725016701189-315.png||height="73" width="416"]]
82 82  )))
83 83  )))
84 84  * (((
... ... @@ -85,10 +85,7 @@
85 85  (% class="western" style="text-align:left" %)
86 86  **Pop-up Background Light-Box :**
87 87  
88 -*
89 -
90 -(% class="western" style="text-align:left" %)
91 -(% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Pop-up Background Color & Pop-up Background Opacity : **This will change the pop-up background you can change the color and the opacity of the color.
88 +* (% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Pop-up Background Color & Pop-up Background Opacity : **This will change the pop-up background you can change the color and the opacity of the color. [[image:1725016749445-551.png||height="170" width="158"]][[image:1725016782671-758.png||height="162" width="149"]]
92 92  )))
93 93  
94 94  If you want to direct users to a specific page after the form is submitted, you can place the url into the "Thank you page URL" field.
... ... @@ -189,7 +189,7 @@
189 189  (% style="margin-left: 40.0px;" %)
190 190  3. To populate the columns, let's choose from the 'Demographics' option.
191 191  
192 -1.
189 +1.
193 193  11. Select First Name and drag it to the left-most cell, followed by Last Name to the middle cell, next email to the last one.
194 194  
195 195  (% style="margin-left: 40.0px;" %)
... ... @@ -205,7 +205,7 @@
205 205  (% style="margin-left: 40.0px;" %)
206 206  5. To add Captcha to the form:
207 207  
208 -1.
205 +1.
209 209  11. Select 'Form' from the right-hand panel[[image:attach:Screen Shot 2022-08-23 at 4.52.47 PM.png||thumbnail="true" width="150"]]
210 210  11. Select Captcha and drag it over to the spot on the canvas.  In this case, we choose below the 3-column grid
211 211  
... ... @@ -215,7 +215,7 @@
215 215  (% style="margin-left: 40.0px;" %)
216 216  6. To add a 'Submit' button:
217 217  
218 -1.
215 +1.
219 219  11. Select it from the 'Form' option and,
220 220  11. Drag it to the spot you prefer on the canvas,
221 221  11. Eventually this position will impact how your final form is displayed)
1725016368615-308.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +4.0 KB
Content
1725016404637-413.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +2.9 KB
Content
1725016443810-538.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +5.0 KB
Content
1725016469945-625.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +4.1 KB
Content
1725016519471-572.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +4.7 KB
Content
1725016549308-598.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +4.8 KB
Content
1725016587152-447.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +1.4 KB
Content
1725016608399-219.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +1.7 KB
Content
1725016644732-705.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +2.2 KB
Content
1725016669570-907.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +2.6 KB
Content
1725016701189-315.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +5.9 KB
Content
1725016749445-551.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +14.9 KB
Content
1725016782671-758.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +14.8 KB
Content