You are viewing limited content. For full access, please sign in.

Discussion

Discussion

Fullscreen iFrame - Forms New Designer - Code

posted on June 2, 2024 Show version history

Hello,

Previously the following code worked in a form using the New Designer.  The code is custom HTML code for an iFrame'd Web Client doc with a button included in the HTML code, that when clicked, would make the iframe doc full screen.  It now does nothing and am wonder why?  I am sure it is changes/intricacies with how the new Forms work.

<iframe id="myframe" src="ServerName/laserfiche/browse.aspx?repo=LFrepo#/?id={/dataset/Process_Document_ID}" width="700" height="750"></iframe>

<center><button class="fullscreen" type="button" onclick="myframe.requestFullscreen()" style="width:150px;height:30px;background-color:#0B6F3B;color:white;font-size:15px;border:none;">Fullscreen</button></center>

Can anyone provide incite as to why this will not work?  Or how to make it work?

0 0
replied on June 3, 2024

Thanks for the suggestion Ian,  

Maybe I am missing something, or not quite understanding.  The onClick and JS above does not seem to be for iframe embedded Web Client full screen mode.

0 0
replied on June 3, 2024

Hi David,

The suggestion was more directed towards getting the button click detected and then running the requestFullScreen function from javascript - but it looks like that won't work either.

A couple of possibilities:

1. Direct users to the web client Full Screen View button in the top right of the IFrame which worked for me.

2. You might be able to mimic full screen by changing the css or content of the custom html field which can be manipulated using the LFForm.ChangeFieldSettings function, but i've not tried to do this.

 

regards,

Ian

0 0
replied on June 2, 2024

Hi David,

The answer to the following post may help if you are on Forms update 5.

 

https://answers.laserfiche.com/questions/217063/Modern-Designer-HTML-Button-onClick-to-execute-JS-function

 

Regards,

Ian

1 0
You are not allowed to follow up in this post.

Sign in to reply to this post.