Teamraiser Default Personal Pages Don't Show Participant Name

Kent Gilliam:

David,

 

Did you get this figured out? I'm not sure what is happening but can escalate this thread to a case if you want.

 

Kent

I've also been looking into this as a way to include the participant name in the page title/share title. There are s-tags to pull the logged-in user's name and to pull teamraiser data like participant-id, but I haven't yet been able to find a way to pull the participant's name to place it in the default personal page.

Any success on this?

Thanks!

Alex

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script type="text/javascript" language="JavaScript">

$.noConflict();

jQuery( document ).ready(function() {

jQuery('#personal_page_header h2').append(' [[E48:[[S42:0:fr-id]]:cons.first_name:screenname]] [[E48:[[S42:0:fr-id]]:cons.last_name:screenname]]');

});

</script>

I hope this helps.

Will Hull:

Hey there, here is some jQuery, if you are interested, to use in the WYSIWYG at the bottom of the Default Personal Page where you can add a fundraiser's first name and last name to the end of the title text of the page.  E.g. Welcome to the personal page of... would then show the first and last name at the end of that statement.

  Copy this below:

 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script type="text/javascript" language="JavaScript">

$.noConflict();

jQuery( document ).ready(function() {

jQuery('#personal_page_header h2').append(' [[E48:[[S42:0:fr-id]]:cons.first_name:screenname]] [[E48:[[S42:0:fr-id]]:cons.last_name:screenname]]');

});

</script>

I hope this helps.

 

Daniel Hartanto:

Hi Sally,


Backtracking a bit, in case if you might be unaware, the heading section of "Welcome to My Personal Page" within that personal page is actually available for that person to edit themselves from within their Participant Center. They can actually edit that to any text they want including putting their own name etc, thus saving all the effort of having to control it through the Javascript.  Unless if this is for some specific reason that you don't want them to have any control over what they can put as their personal page header (i.e. template standard purpose etc, or to ensure that one does not forget to put their name on their page).


With that said, if you still want to go the Javascript route to control the header and pertinent to the S-tag ideas submission, here are further details

About the S-tag to pull first name and last name of constituent on their personal page:

• There are already S-tag to pull one's first name and last name. These you can copy paste within that personal page content and they will render the first name and last name accordingly. 
  • [[E48:[[S334:fr_id]]-[[S334:px]]:cons.first_name]]
  • [[E48:[[S334:fr_id]]-[[S334:px]]:cons.last_name]]
• ​You can alternatively use that other S-tag which is listed on the initially within your snippet (that S42:0...) but that approach has been known to be unstable in the past -- thus yes it will work, but just a precaution.

About the "append" issue, initial snippet flaws


Issue #1

Instead of using "append" property of that jQuery, you might want to use "html" or "text" property -- this will reset and write as new on page load instead of appending.


But the issue here is not because of the "append" itself. That snippet is a bit flawed in a way, it is actually just appending the first name and last name of that person on top of the default "Welcome to..." header content that user seems to already been pre-populating accordingly with his or her name, thus making the thing rendered as you mentioned.


So if you change that "append" word within that jQuery.append(...)  to jQuery.html(...) or jQuery.text(...)   you will see that the h2 original content is going to be reset and replaced with whatever the content you are putting inside of those parentheses 


Technically the "text" property would do just fine to overwrite, but why I am bringin up that "html" is because you might want to do more instead of just overwriting the original text with another text. More in the terms of you might want to anticipate whether that would need a single quote following the last name  (i.e. John Doe's Page)  or no single quote for the sake of grammatical stuff. Hence you are likely going to want that "html" property instead of "text".


Issue #2

Directly putting those S-tag inside of the parentheses could cause potential problems esp. when someone is putting single quote or double quote, or any other javascript reserved character without improper 'escape' mechanism.


Thus ideally you want to put those first name and last name inside of hidden <DIV> containers, and have jQuery then grab the text out from it so it's being treated purely as string with escape mechanism put in place.


So to revise that snippet, it will be something like this

<div id="consfname" style="display:none;">[[E48:[[S334:fr_id]]-[[S334:px]]:cons.first_name]]</div>
<div id="conslname" style="display:none;">[[E48:[[S334:fr_id]]-[[S334:px]]:cons.last_name]]</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict(); 
jQuery(document).ready(function(){
    var mylname = jQuery('#conslname').text();
    var mylastcharlname = mylname.slice(-1);
    jQuery('#personal_page_header h2').html('Welcome to '+jQuery('#consfname').text()+' '+jQuery('#conslname').text()+'<span id="singlequote"></span> page.'); 
    if(mylastcharlname.toLowerCase() === "s"){
        jQuery("#singlequote").text("' ");
    } else {
        jQuery("#singlequote").text("'s ")
    };
}); 
</script>


Hope it helps,


Daniel