Is there a button I can add to form for: full screen view?

  • Profile Image
    poolcity
    Asked on July 08, 2013 at 01:17 AM

    Currently I set the form to scroll left-to-right.

    If I had the option to make form 'full screen view' it would look better.

    Can I do this?

     

  • Profile Image
    EltonCris
    Answered on July 08, 2013 at 05:46 AM

    Hi,

    Since you have smaller placeholder for the iframe form, the iframe width automatically adjust to fit on it's placeholder which result to displaying horizontal scrollbars to allow users to view the full content of the form. How about embedding the form using lightbox embed code or pop-up embed code? They creates it's own placeholder/window so the form can be loaded in a much wider area depending on your width settings.

    To get your form's lightbox embed code, follow this guide: How to Create a Lightbox Form

    To get pop-up embed code, check this visual guide:

    Let us know if you have further questions. Thanks!

  • Profile Image
    poolcity
    Answered on July 08, 2013 at 11:45 AM
    This is a good fix.
    Is there a way to offer the iframe with a button for full view? So they
    have the choice.
    ------------------------------
    (Sent via mypoolcity@gmail.com)

    *Contact your SW FL Rep at #239-963-4779 *
    *Free Estimates *
    *We love referrals!
    *
    ------------------------------
  • Profile Image
    EltonCris
    Answered on July 08, 2013 at 01:12 PM

    Hi,

    You can actually use two embed codes. Iframe and lightbox or pop-up, whatever you prefer. And then create a button instead of text for the lightbox/pop-up embed code. 

    Example code for the lightbox:

    <script src="//max.jotfor.ms/min/g=feedback2" type="text/javascript">

    new JotformFeedback({

    formId:'30452332860952',

    base:'http://jotformpro.com/',

    windowTitle:'Title Me',

    background:'#FFA500',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:700

    });

    </script>

    <input class="lightbox-30452332860952" type="button" value="Click Here" />

    The highlighted in skyblue part is where you need to change the code when you take your lightbox embed code. Make sure to replace the bolded part with your lightbox class.

    Example: https://shots.jotform.com/elton/sample_lightbox_button.html

    Let us know if you have further questions. Thanks!

  • Profile Image
    poolcity
    Answered on July 10, 2013 at 01:14 PM
    Sorry but Im really not following the directions.
    Is there a video?
    ------------------------------
    (Sent via mypoolcity@gmail.com)

    *Contact your SW FL Rep at #239-963-4779 *
    *Free Estimates *
    *We love referrals!
    *
    ------------------------------
  • Profile Image
    Welvin
    Answered on July 10, 2013 at 03:09 PM

    Hi,

    Basically, we do not have Zoom In/Out function within our forms. What my colleague have suggested is using our Lightbox Embed Option so when they click on the link or the button, it will open up the form.

    I've check your website and you have the lightbox already.

    Would you like to add Toggle Full Screen Function to that? Example: https://shots.jotform.com/welvin/screen/Screencast_03-01_11-07-2013.ogv

    Another here: http://sindresorhus.com/screenfull.js/

    Thanks

  • Profile Image
    poolcity
    Answered on July 10, 2013 at 04:21 PM
    Ok, I understand.
    Yes, that button added to what I already have would be nice.
    How do I do it?
    ------------------------------
    (Sent via mypoolcity@gmail.com)

    *Contact your SW FL Rep at #239-963-4779 *
    *Free Estimates *
    *We love referrals!
    *
    ------------------------------
  • Profile Image
    Welvin
    Answered on July 10, 2013 at 05:29 PM

    Hi,

    I'll get back to your if I can figure this out. Basically, I just provide you an example of what you are looking for. I've made this but that creates a conflict to the form codes.

    Thanks