Enforce Signon with Google Credentials

API & Customization Ask Developers
1

Hi

We use Google Apps for our email and it would simplify our on-boarding if Google logon credentials are used to access Knack.

I'd like to hide the following elements from page

1. Text for logging on with email/password.

<p class="description">Enter your email address and password to login.</p>

and

2. Logon Details (if not using Google)

<div class="kn-login-form" style="float:left;">

<form class="login_form" action="#" method="post">
<div class="kn-input">
<label for="email">Email Address</label>
<input tabindex="1" id="email" name="email" type="email" value="">
</div>
<div class="kn-input" style="margin-bottom: 6px;">

<label for="password">
Password
<a tabindex="5" class="ang-link" id="forgot-pass" href="#welcome/knack-password/forgot">(forgot?)</a>
</label>
<input tabindex="2" id="password" name="password" type="password" value="">
<label class="remember" style="margin-top: 5px;">
<input tabindex="3" type="checkbox" name="remember"> Remember me
</label>

</div>
<input tabindex="4" type="submit" value="Sign In">
</form>


<div class="register">
<div style="margin-top: 20px;">
<p style="margin-bottom: 6px;">Need an account?</p><p>

<strong><a class="register button" href="#welcome/knack-register/profile_40">Sign Up</a></strong>

</p></div>
</div>


</div>

I'd also like to rename "Sign In with Google Plus" to "Sign on with GSuite Credentials"

I'm guessing this could be done easily in Javascript. Can anyone point me in the right direction?

Many thanks

Adrian

2

All good - I found a way to do this with Javascript.

$(document).on('knack-scene-render.any', function(event, scene) {

$(".kn-button.sso-button.sso-google").text("Sign In with Gmail");

});

3

Hi

I found the way to side email and password with this code snippet at:

https://www.knack.com/developer-documentation/#hide-the-log-in-form

/* Change view_1 to the key of your current view */

/* To apply this to ALL logins, remove #view_1 */

#view_1 div.kn-login-form { display: none; }

Does anyone know to rename the button "Sign In with Google Plus"

Many thanks

Adrian