Add more identifiers to login page

I use a custom.js file to hide the “Cancel” button on the login page. Now I have found out that it also hides the “Submit” button for sending a reset password request. Is it possible to add more identifiers like “loginButton” to the buttons to enable better work with them?

login page

<div class="input-row">
  <a id="loginButton" class="btn normal-size primary submit-link" value="login" href=#>Login</a>
  <a class="btn normal-size primary submit-link" value="cancel" href=#>Cancel</a>
</div>

password reset page

<div class="input-row">
  <a class="btn normal-size primary submit-link" value="" href=#>Submit</a>
  <a class="btn normal-size primary" value="" href="/Account/Login">Back</a>
</div>

custom.js

function modifyUI() {
	var cancelButton = form.querySelector("div.input-row a:not(#loginButton)");
	var buttonRowDiv = cancelButton.parentElement;
	buttonRowDiv.removeChild(cancelButton);
}

And also add the identifier for all the login buttons (Google, Azure).

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.