Community

cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
John_Lowe
Community Member

Custom text on user registration screen.

I picked up a great tip from  @mrumery ​ yesterday.  Our institution wanted me to add a custom message to the new user registration page in Catalog to encourage Baylor-affiliates to use their campus email address when registering.  His JavaScript solution was so simple but so helpful, I wanted to share it with the Catalog community.

You want to add this to a document ready function to wait for the DOM to load on the page.

$( document ).ready(function() {

   $("div.registration-summary.text-center").append("<br>This is what some text can look like.</br>");

});

Using his suggested code snippet, this is what our first-time enrollment page looks like now after making it look the way our campus leadership wanted:

ScreenClip [13].png

2 Replies
John_Lowe
Community Member

Instructure changed the CSS a bit several months ago, and now this is the code snippet we use in the Custom Javascript textbox under the catalog Customizations tab.

$( document ).ready(function() {
    $("div.text-center.RegistrationHeader__AuthenticationStatus").append('<br>This is what some text can look like.</br>');
});

 @rsasso ‌

rsasso
Community Participant

This is awesome! Thank you so much for your quick assistance! It works!