Show checkbox once document read?

%3CLINGO-SUB%20id%3D%22lingo-sub-1418506%22%20slang%3D%22en-US%22%3EShow%20checkbox%20once%20document%20read%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1418506%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20created%20a%20SharePoint%20cavnas%20form%20in%20PowerApps%20where%20I%20have%20a%20PDF%20document%20on%20the%20right%20and%20a%20read%20%26amp%3B%20accepted%20checkbox%20on%20the%20left.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20it%20possible%20to%20not%20show%20the%20Read%20and%20Accepted%20checkbox%20until%20the%20document%20has%20been%20read%3F%20Ie%2C%20once%20the%20user%20has%20scrolled%20to%20the%20end%20of%20the%20document%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22form.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F194497i47ECDC6472A48D65%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22form.png%22%20alt%3D%22form.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1418506%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EPowerApps%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1422295%22%20slang%3D%22en-US%22%3ERe%3A%20Show%20checkbox%20once%20document%20read%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1422295%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F136386%22%20target%3D%22_blank%22%3E%40Chris%20Cundy%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20never%20tried%20programming%20the%20one%20about%20scrolling%20down%20to%20the%20bottom%20of%20the%20document%20and%20then%20showing%20the%20confirmation%20box%2C%20but%20you%20could%20use%20a%20%3CSTRONG%3ETimer%3C%2FSTRONG%3E%20to%20enable%20the%20%3CSTRONG%3ERead%20and%20Accept%20toggle%20box%3C%2FSTRONG%3E%20after%20a%20set%20period%20of%20time.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20do%20know%20some%20other%20online%20compliance%20platforms%20use%20this%20same%20concept.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt's%20easy%20to%20implement%20as%20you%20will%20just%20have%20the%20timer%20trigger%20when%20the%20PDF%20loads%20and%20then%20have%20it%20enable%20the%20toggle%20when%20the%20timer%20ends.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHope%20that%20gives%20you%20something%20to%20play%20with.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECheers%3C%2FP%3E%3CP%3EDamien%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1426326%22%20slang%3D%22en-US%22%3ERe%3A%20Show%20checkbox%20once%20document%20read%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1426326%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F89704%22%20target%3D%22_blank%22%3E%40Damien%20Rosario%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHi%20Damien%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20added%20a%20timer%20and%20I've%20tried%20the%20below%20string%20to%20hide%20the%20data%20card%20that%20the%20yes%2Fno%20control%20sits%20under%20however%20this%20doesn't%20appear%20to%20work%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22form1.png%22%20style%3D%22width%3A%20924px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F195322i50F33F30E6B1E401%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22form1.png%22%20alt%3D%22form1.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EOnTimerStart%3A%3C%2FSTRONG%3E%26nbsp%3B'Read%20%26amp%3B%20Accepted_DataCard1'.Visible%3Dfalse%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1430204%22%20slang%3D%22en-US%22%3ERe%3A%20Show%20checkbox%20once%20document%20read%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1430204%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F136386%22%20target%3D%22_blank%22%3E%40Chris%20Cundy%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EGood%20work%20so%20far%2C%20you%20nearly%20have%20it.%20I%20would%20say%20you%20should%20play%20with%20Display%20Mode%20rather%20than%20Visible%20to%20get%20a%20more%20effective%20result.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHere's%20what%20I%20suggest%20you%20do%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CU%3E%3CSTRONG%3E**%20Setting%20the%20variables%20**%3C%2FSTRONG%3E%3C%2FU%3E%3C%2FP%3E%3CP%3E1.%20Click%20onto%20your%20%3CSTRONG%3Escreen%3C%2FSTRONG%3E%20(the%20page%20where%20your%20timer%20and%20toggle%20are)%2C%20in%20the%26nbsp%3B%3CSTRONG%3EAdvanced%3C%2FSTRONG%3E%20tab%20under%20the%20%3CSTRONG%3EOnVisible%3C%2FSTRONG%3E%20action%2C%20add%26nbsp%3B%3CSTRONG%3EReset(Toggle1)%3C%2FSTRONG%3E%2C%20this%20will%20reset%20the%20toggle%20you%20are%20using%20it%20to%20the%20off%20position%20every%20time%20the%20screen%20loads.%20Just%20change%20toggle%20to%20whatever%20you%20called%20your%20toggle.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22capture20200601113001564.png%22%20style%3D%22width%3A%20175px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F195600i729A78A460E8A4AA%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22capture20200601113001564.png%22%20alt%3D%22capture20200601113001564.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CU%3E%3CSTRONG%3E**%20Configuring%20the%20toggle%20**%3C%2FSTRONG%3E%3C%2FU%3E%3C%2FP%3E%3CP%3E2.%20Click%20onto%20the%20%3CSTRONG%3Etoggle%3C%2FSTRONG%3E%26nbsp%3Band%20under%20the%20%3CSTRONG%3EProperties%3C%2FSTRONG%3E%20tab%2C%20click%20onto%20the%26nbsp%3B%3CSTRONG%3EDisplay%20mode%3C%2FSTRONG%3E%26nbsp%3Blabel.%20This%20will%20pop%20out%20the%20formula%20bar%20just%20under%20the%20menu%20at%20the%20top%20of%20your%20screen.%20Type%20%3CSTRONG%3EvarToggleDisplayMode%3C%2FSTRONG%3E.%20This%20will%20allow%20you%20to%20show%20the%20toggle%20option%20but%20prevent%20the%20user%20from%20changing%20the%20toggle%20option%20for%20now%20until%20the%20timer%20has%20run%20its%20course.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22capture20200601113115848.png%22%20style%3D%22width%3A%20738px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F195601iE18239077379C997%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22capture20200601113115848.png%22%20alt%3D%22capture20200601113115848.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E**%20Configuring%20the%20timer%20**%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E3.%20Click%20onto%20your%20%3CSTRONG%3Etimer%3C%2FSTRONG%3E%20and%20under%20the%20%3CSTRONG%3EProperties%3C%2FSTRONG%3E%20tab%2C%20toggle%20%3CSTRONG%3EAutoStart%3C%2FSTRONG%3E%20to%20%3CSTRONG%3Eon%3C%2FSTRONG%3E.%20This%20will%20mean%20when%20the%20screen%20loads%2C%20the%20timer%20will%20begin%20counting%20automatically.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22capture20200601113225384.png%22%20style%3D%22width%3A%20314px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F195602i2B81A1A09909D121%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22capture20200601113225384.png%22%20alt%3D%22capture20200601113225384.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E4.%20Click%20onto%20your%20%3CSTRONG%3Etimer%3C%2FSTRONG%3E%20and%20onto%20the%20%3CSTRONG%3EAdvanced%3C%2FSTRONG%3E%20tab%2C%20in%20%3CSTRONG%3EOnTimerStart%3C%2FSTRONG%3E%2C%20add%26nbsp%3B%3CSTRONG%3ESet(varToggleDisplayMode%2CDisabled)%20%3C%2FSTRONG%3Eand%20in%20%3CSTRONG%3EOnTimerEnd%3C%2FSTRONG%3E%20add%20%3CSTRONG%3ESet(varToggleDisplayMode%2C%20Edit)%3C%2FSTRONG%3E.%20When%20the%20timer%20runs%2C%20it%20will%20ensure%20that%20the%20toggle%20is%20Disabled%20(unable%20to%20be%20changed)%20and%20when%20the%20timer%20ends%2C%20the%20toggle%20will%20enable%20so%20that%20the%20user%20may%20switch%20it%20on%20to%20acknowledge%20the%20doc.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22capture20200601113316340.png%22%20style%3D%22width%3A%20285px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F195603i531C59E015BA78FB%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22capture20200601113316340.png%22%20alt%3D%22capture20200601113316340.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E5.%20If%20you%20haven't%20done%20this%20yet%2C%20set%20an%20appropriate%26nbsp%3B%3CSTRONG%3EDuration%3C%2FSTRONG%3E%20for%20your%20timer%20(e.g.%205000%20is%205%20seconds%2C%2060000%20is%2060%20seconds%2C%20etc).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22capture20200601113352977.png%22%20style%3D%22width%3A%20311px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F195604i62FCF63945B736A0%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22capture20200601113352977.png%22%20alt%3D%22capture20200601113352977.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20hope%20this%20helps%20you%20to%20get%20your%20app%20going.%20Shout%20out%20if%20anything%20falls%20over%20and%20please%20let%20me%20know%20how%20you%20go%20with%20this%20solution.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EGood%20luck%3C%2FP%3E%3CP%3EDamien%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

Hello,

 

I have created a SharePoint cavnas form in PowerApps where I have a PDF document on the right and a read & accepted checkbox on the left. 

 

Is it possible to not show the Read and Accepted checkbox until the document has been read? Ie, once the user has scrolled to the end of the document?

 

form.png

3 Replies

Hi @Chris Cundy 

 

I've never tried programming the one about scrolling down to the bottom of the document and then showing the confirmation box, but you could use a Timer to enable the Read and Accept toggle box after a set period of time.

 

I do know some other online compliance platforms use this same concept.

 

It's easy to implement as you will just have the timer trigger when the PDF loads and then have it enable the toggle when the timer ends.

 

Hope that gives you something to play with.

 

Cheers

Damien

@Damien Rosario 

 

Hi Damien,

 

I've added a timer and I've tried the below string to hide the data card that the yes/no control sits under however this doesn't appear to work?

 

form1.png

 

OnTimerStart: 'Read & Accepted_DataCard1'.Visible=false

Hi @Chris Cundy 

 

Good work so far, you nearly have it. I would say you should play with Display Mode rather than Visible to get a more effective result.

 

Here's what I suggest you do:

 

** Setting the variables **

1. Click onto your screen (the page where your timer and toggle are), in the Advanced tab under the OnVisible action, add Reset(Toggle1), this will reset the toggle you are using it to the off position every time the screen loads. Just change toggle to whatever you called your toggle.

 

capture20200601113001564.png

 

** Configuring the toggle **

2. Click onto the toggle and under the Properties tab, click onto the Display mode label. This will pop out the formula bar just under the menu at the top of your screen. Type varToggleDisplayMode. This will allow you to show the toggle option but prevent the user from changing the toggle option for now until the timer has run its course.

 

capture20200601113115848.png

 

** Configuring the timer **

3. Click onto your timer and under the Properties tab, toggle AutoStart to on. This will mean when the screen loads, the timer will begin counting automatically.

 

capture20200601113225384.png

 

4. Click onto your timer and onto the Advanced tab, in OnTimerStart, add Set(varToggleDisplayMode,Disabled) and in OnTimerEnd add Set(varToggleDisplayMode, Edit). When the timer runs, it will ensure that the toggle is Disabled (unable to be changed) and when the timer ends, the toggle will enable so that the user may switch it on to acknowledge the doc.

 

capture20200601113316340.png

 

5. If you haven't done this yet, set an appropriate Duration for your timer (e.g. 5000 is 5 seconds, 60000 is 60 seconds, etc).

 

capture20200601113352977.png

 

I hope this helps you to get your app going. Shout out if anything falls over and please let me know how you go with this solution.

 

Good luck

Damien