This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 2

Continue button to top of page


  1. fmolstad
    Member

    I have a lengthy form that requires scrolling. (I hope that a multi column wysiwyg design option is forthcoming someday).
    I have turned on "Show Review Page Before Submitting" in my Form Properties.
    When a user hits "continue" to see the review page, the page does not refresh so the user is looking at a blank page and has to scroll up to see the review information before hitting either back or submit.
    Is there a way to insert an anchor at the top of this review page and have the continue button go there? Maybe a page refresh?
    Forrest

    Posted 13 years ago #
  2. tecoso
    Member

    I was wondering today about this same issue.

    Posted 13 years ago #
  3. yuniar

    If possible, try to embed your form using the advanced form code (the php code). This should eliminate the issue completely.

    However, if you are using the iframe embed code, you can implement the "auto expand" javascript which I've posted here:
    http://www.appnitro.com/forums/topic/auto-expandadjustable-iframe?replies=47#post-3049

    This should remove the blank white space and make it obvious for your users.


    MachForm Founder

    Posted 13 years ago #
  4. fmolstad
    Member

    Hello yuniar.
    I tried to imbed that code but it did nothing for me.
    Not sure where to imbed it, (I assume in the same html file as the iframe code), or where in the document. I tried in the head and below the head, with no success.

    If I use the advanced form code, can you tell me how that is implemented? Do I need to make a PHP document and put in my header and footer, or can I paste that PHP code into my current html document?

    Posted 13 years ago #
  5. yuniar

    To use the advanced form code, you need to make a PHP document not HTML. Usually, you can simply rename your html file into php and then put your form code there.


    MachForm Founder

    Posted 13 years ago #
  6. fmolstad
    Member

    Thanks yunair, I just renamed my file index.php, pasted the advanced code into the area I wanted and it works.
    Here is the URL: http://www.calgaryheralddigital.com/design_group/index.php
    I do have two additional questions.

    1. How do I delete or hide the grey bar with your logo in it?

    2. When the review your entry page comes up, the "Review Your Entry" text is flush with the left border. How would I add padding?

    Posted 13 years ago #
  7. yuniar

    You'll need to edit the CSS code of your form.

    1) Search for this:

    h1 a
    {
    
    	display:block;
    	height:100%;
    	min-height:40px;
    	overflow:hidden;
    }

    change it to become:

    h1 a
    {
    
    	display:none;
    	height:100%;
    	min-height:40px;
    	overflow:hidden;
    }

    2) I can't seems to open your review page, due to some session error. To fix it, edit your index.php file (the file which you put your form into), add this code below into the first line of that file:

    <?php session_start(); ?>

    Let me know once you've done this and I'll check it again.


    MachForm Founder

    Posted 13 years ago #

RSS feed for this topic

Reply