...

Optional Modifications

Addon SSO button on login page

You can also To allow end users to SSO via Keycloak with a convenient button in your Joget login page, you can use the sample code snippet below.

Edit the App Center app, navigate to UI builder -> Settings -> Login Page UI --> Custom HTML (After Login Form), then paste in the code snippet below.

<div class="custom-logins" style="place-items: center; width: 100%;">
<hr>
<a href='{Your-target-IDP-initiated-SSO-URL}' class='btn' style="display: block; width: 100%;">Login with Keycloak</a>
</div>
<script>
$(document).ready(function() {
   const customLogins = $("div.custom-logins").detach();
   $('#loginForm table').after(customLogins);
});
</script>

Result: