Forum Discussion

JenniferJuhasz's avatar
JenniferJuhasz
Qrew Cadet
4 years ago

Submit & Redirect to Thank you page - Stopped Working?

Hi everyone, I've also opened this as a ticket with QB Support, but I'm wondering if anyone has had a similar experience? In November, I created a series of EOTI Forms that have a custom 'Submit...
APIs and custom code
Buttons
JeffPeterson1's avatar
JeffPeterson1
Qrew Captain
4 years ago
Hi Jennifer,  I'm doing something similar and it still works fine for me.   

Try this code:


var text ButtonWords = "Save and Submit";
var text URLONE = "https://https-ourQBInternalEOTIThankYouPage&ifv=1";


// Begin button style
var text bgcolor = "#8ab3d1";
var text txtcolor = "white";
var text style = "style=\"text-decoration: none; width: 150px; text-align: center; background:" & $bgcolor & "; border-radius: 5px; padding: 8px 10px; color: " & $txtcolor & "; display: inline-block; font: normal 700 24px/1 \"Calibri\", sans-serif; text-shadow: none;";
// End button style

"<a class='SaveBeforeNavigating'" & $style & " href=" & $URLONE & ">" & $ButtonWords & "</a>"

------------------------------
Jeff Peterson
------------------------------
  • DanLadner1's avatar
    DanLadner1
    Qrew Trainee
    4 years ago
    Yep, I think the class='SaveBeforeNavigating' piece is what's missing in OP's code.

    Here's another (very similar, but simpler) example:
    var text rdrURL = "www.redirectPage.com";
"<a class='SaveBeforeNavigating' href='" & $rdrURL & "'>Submit</a>"​



    ------------------------------
    Dan Ladner
    ------------------------------
  • JenniferJuhasz's avatar
    JenniferJuhasz
    Qrew Cadet
    4 years ago
    Thank you so much - I couldn't get Dan's option to work without Syntax errors (the problem with learning how to do this on the go, without actually having an opportunity to sit and study/learn is a sizeable gap in knowledge on my part);

    Jeff's formula works well for me, and test entries are now submitting (thank you!) - one question; I can't seem to increase the font size at all.  Doesn't seem to matter if I list it as bold, bolder, 900, 32px or 64px - it's always the same size.  The original code that I used was one I learned through QB Junkie for the <a class=\"Vibrant Primary\">; but I'm not sure how to call that out.

    Suggestions? And thank you - I appreciate it very much - the appearance of the button matters quite a bit to our leadership team.


    ------------------------------
    Jennifer Juhasz
    ------------------------------
    • MikeTamoush's avatar
      MikeTamoush
      Qrew Elite
      4 years ago
      I'm no expert, but here are my notes to myself on making buttons. This allows for all kinds of options. I am guessing you can use what i have below in coordination with Jeffs notes. Notice the font-size....that may be all you need but I left all my notes just in case.
      -------------------------

      var text URL = Put your URL here


      "<a style=\"text-decoration:none; background: #7aace0; border-radius: 1000px; color: #ffffff; display: inline-block; padding: 2px 0px; width:100px; text-align: center; text-shadow: none; border: 1px solid #030404; font-size: 16px; font-family=Times New Roman\"href='"

      & $URL
      & "'>Button Text</a>"

      //NOTES BELOW

      -Text Decoration I haven't used, google it through CSS websites
      - Background uses a hex color, google hex color codes
      - Border Radius curves the corners of the button. 5 is minimal, 1000 is totally rounded
      - Color is text color
      - Display inline-block means it is a button (I think?)
      - Padding: Can be used with 2 or 4 variables. With 2 variables you are setting top/bottom then left/right padding. With 4 variables (2px 2px 5px 5px) you are setting, top,right,bottom, left (start at top and go clockwise)
      - width: use EITHER width or padding typically. Width fixes the width. Could do the same with height if you wanted
      -text-shadow: Ive only used this once, google for exact format. Shadows the text
      - border: thickness of border and border color
      -font-size/family is self explanatory

      ------------------------------
      Mike Tamoush
      ------------------------------
      • JenniferJuhasz's avatar
        JenniferJuhasz
        Qrew Cadet
        4 years ago
        Hi Mike,

        This is very much like what I had before for my Save & Submit button:
        "<a class=\"Vibrant Primary\" style=\"width:310px; background: #2abdbc; text-align: center; font-size: 16px; font-family: Arial, Times, Sans-serif;\" href=\"targeturl" target=_blank><b>Submit</b></a>"

        But the results ended up not submitting at all even though I have the 'Save on Redirect' option checked.

        Jeff's solution works for saving my data - and my CSS code for the button appearance is:
        var text bgcolor = "#2abdbc";
        var text txtcolor = "white";
        var text style = "style=\"text-decoration: none; width: 310px; text-align: center; background:" & $bgcolor & "; border-radius: 5px; padding: 8px 10px; color: " & $txtcolor & "; display: inline-block; font: bold 700 32px/1 \"Arial, Times, Sans-serif\", sans-serif; text-shadow: none; font-size: 32px"

        But the font 'size' didn't increase to 32px at all - and I'm not sure why.  Thoughts?


        ------------------------------
        Jennifer Juhasz
        ------------------------------