...

Final Tweaks

Optional Modifications

To allow end users to SSO via Keycloak with a convenient button in your Joget To make it easier for your user to access the keycloak login page, You can add an option in your joget Login screen to open the KeyCloak Authentication Page.
Open your AppCenter in userview you can use the sample code snippet below.

Edit the App Center app, navigate to UI builder -> Settings -> Login Page UI --> Add the Custom HTML under the login form.

Image Removed

(After Login Form), then paste in the code snippet below.

<div class="custom-logins" style="place-items: center; width: 100%;">
<hr>
<a href='http://localhost:8500/realms/myrealm/protocol/saml/clients/http%3A%2F%2Flocalhost%3A8080%2Fjw%2Fweb%2Fjson%2Fplugin%2Forg.joget.plugin.saml.SamlDirectoryManager%2Fservice' 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>

Image Added

Result:

Image AddedImage Removed