Submit & Redirect to Thank you page - Stopped Working?

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
  ------------------------------
  - JenniferJuhasz
    Qrew Cadet
    3 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
    ------------------------------

Forum Discussion

Submit & Redirect to Thank you page - Stopped Working?