Submit & Redirect to Thank you page - Stopped Working?

JeffPeterson1
Qrew Captain
3 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
  Qrew Trainee
  3 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
  Qrew Cadet
  3 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
    Qrew Commander
    3 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
    ------------------------------

Forum Discussion

Submit & Redirect to Thank you page - Stopped Working?