Changes for page Form Builder
Last modified by Sachin Patil on 2024/08/30 07:28
From version 21.11
edited by Sachin Patil
on 2024/08/30 06:20
on 2024/08/30 06:20
Change comment:
There is no comment for this version
To version 21.9
edited by Sachin Patil
on 2024/08/30 06:08
on 2024/08/30 06:08
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 0 added, 13 removed)
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 . [[image:1725016368615-308.png||height="59" width="68"]][[image:1725016404637-413.png||height="55" width="67"]]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 . 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. [[image:1725016443810-538.png||height="56" width="124"]][[image:1725016469945-625.png||height="52" width="112"]]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. 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. [[image:1725016519471-572.png||height="59" width="267"]][[image:1725016549308-598.png||height="61" width="265"]]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. 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 . [[image:1725016587152-447.png||height="64" width="70"]][[image:1725016608399-219.png||height="63" width="74"]]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 . 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. [[image:1725016644732-705.png]][[image:1725016669570-907.png||height="120" width="99"]]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. 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. [[image:1725016701189-315.png||height="73" width="416"]]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. 82 82 ))) 83 83 ))) 84 84 * ((( ... ... @@ -85,7 +85,10 @@ 85 85 (% class="western" style="text-align:left" %) 86 86 **Pop-up Background Light-Box :** 87 87 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"]] 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. 89 89 ))) 90 90 91 91 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. ... ... @@ -186,7 +186,7 @@ 186 186 (% style="margin-left: 40.0px;" %) 187 187 3. To populate the columns, let's choose from the 'Demographics' option. 188 188 189 -1. 192 +1. 190 190 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. 191 191 192 192 (% style="margin-left: 40.0px;" %) ... ... @@ -202,7 +202,7 @@ 202 202 (% style="margin-left: 40.0px;" %) 203 203 5. To add Captcha to the form: 204 204 205 -1. 208 +1. 206 206 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"]] 207 207 11. Select Captcha and drag it over to the spot on the canvas. In this case, we choose below the 3-column grid 208 208 ... ... @@ -212,7 +212,7 @@ 212 212 (% style="margin-left: 40.0px;" %) 213 213 6. To add a 'Submit' button: 214 214 215 -1. 218 +1. 216 216 11. Select it from the 'Form' option and, 217 217 11. Drag it to the spot you prefer on the canvas, 218 218 11. Eventually this position will impact how your final form is displayed)
- 1725016368615-308.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -4.0 KB - Content
- 1725016404637-413.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -2.9 KB - Content
- 1725016443810-538.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -5.0 KB - Content
- 1725016469945-625.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -4.1 KB - Content
- 1725016519471-572.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -4.7 KB - Content
- 1725016549308-598.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -4.8 KB - Content
- 1725016587152-447.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -1.4 KB - Content
- 1725016608399-219.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -1.7 KB - Content
- 1725016644732-705.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -2.2 KB - Content
- 1725016669570-907.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -2.6 KB - Content
- 1725016701189-315.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -5.9 KB - Content
- 1725016749445-551.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -14.9 KB - Content
- 1725016782671-758.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.sachin - Size
-
... ... @@ -1,1 +1,0 @@ 1 -14.8 KB - Content