Changes for page Form Builder

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

Summary

Details

Page properties
Content
... ... @@ -45,9 +45,9 @@
45 45  * **Slide Positon:** This describes what part of the screen the pop-up will appear from (ie., enter stage-left)
46 46  * **Pop-Up Delay:** This allows you to program a slight delay into the pop-up so that it doesn't appear immediately on the screen.
47 47  * **Pop-up Definition :**
48 -** (% style="font-family:Liberation Sans,sans-serif; font-size:10pt; line-height:100%" %)**Pop-up Shadow : **This will add the shadow to the pop-up box .
49 -** (% style="font-family:Liberation Sans,sans-serif; font-size:10pt; line-height:100%" %)**Pop-up Radius : **This will change the shape of your pop-up and we can make pop-up round or ellipse.
50 -** (% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Pop-up border width & Pop-up border Color : **This will add the extra border width to the popup also you can change the width color.
48 +** (% style="font-family:Liberation Sans,sans-serif; font-size:10pt; line-height:100%" %)**Pop-up Shadow : **This will add the shadow to the pop-up box . [[image:1725015808108-336.png||height="78" width="148"]][[image:1725015836339-358.png||height="84" width="226"]]
49 +** (% style="font-family:Liberation Sans,sans-serif; font-size:10pt; line-height:100%" %)**Pop-up Radius : **This will change the shape of your pop-up and we can make pop-up round or ellipse. [[image:1725015904419-419.png||height="130" width="121"]][[image:1725015940232-868.png||height="131" width="127"]]
50 +** (% style="color:#333333; font-family:Liberation Sans,sans-serif; font-size:10pt; font-style:normal; font-variant:normal; line-height:100%" %)**Pop-up border width & Pop-up border Color : **This will add the extra border width to the popup also you can change the width color. [[image:1725016042172-661.png||height="128" width="121"]][[image:1725016078700-211.png||height="125" width="108"]]
51 51  * (((
52 52  **Pop-up Close Button Definition :***
53 53  
... ... @@ -265,18 +265,8 @@
265 265  
266 266  
267 267  
268 -=== ===
269 -
270 -=== ===
271 -
272 272  {{id name="click-thru-button"/}}
273 273  
274 -=== ===
275 -
276 -=== ===
277 -
278 -{{id name="click-thru-button"/}}
279 -
280 280  === Click-Thru Button ===
281 281  
282 282  Often users will want to create a pop-up or landing page that has a button that clicks through to another site or page. The specific use-case could be clicking to a partner site to download a digital edition, clicking to a non-ONEcount form, or clicking off-site to a thid-party application.
... ... @@ -303,15 +303,19 @@
303 303  
304 304  after this pick the link-box from layers or you can find it on canvas and the go to the gear button there you can see extra option called completion which by default set as yes which means it will count the completion , you can select  "No" if you do't want to count completion.
305 305  
296 +[[image:1725015402669-281.png]][[image:1725015494395-170.png]]
306 306  
298 +
307 307  === Close pop-up after Action: ===
308 308  
309 309  So for Click-Thru Image and Button popup will automaicaly close after it redirects to the target page and if you want to close popup after any specific action like form-sumition or clicking on any element the you can use the below extra script.
310 310  
311 311  
304 +{{code language="Javascript"}}
312 312  $("#button or image id or element id").click(function(){
313 313  setInterval(function(){window.parent.postMessage("closepopup", "*");},1000);
314 314  });
308 +{{/code}}
315 315  
316 316  === TEMPLATES MENU ===
317 317  
... ... @@ -675,4 +675,3 @@
675 675  [[image:attach:VerifyEmailExists-2.png||height="150"]]
676 676  
677 677  The Lookup link takes you to the login/sign-in page.
678 -
1725015402669-281.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +16.3 KB
Content
1725015494395-170.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +18.3 KB
Content
1725015808108-336.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +10.2 KB
Content
1725015836339-358.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +13.6 KB
Content
1725015904419-419.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +45.5 KB
Content
1725015940232-868.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +69.8 KB
Content
1725016042172-661.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +48.2 KB
Content
1725016078700-211.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sachin
Size
... ... @@ -1,0 +1,1 @@
1 +39.1 KB
Content