<div dir="ltr"><div><div><div>Just jumping in here...<br><br></div>We managed to have different looks in our login / registration / password-reset / password-update screens based on the client by having a custom theme (no SPI) and injecting a different set of CSS and image collection. We took in the incoming Client ID and passed it on to the template.ftl file from where CSS and image files were loaded from a different path based on the client.<br><br>So basically no changes to the FTLs, look and feel was changed only based on CSS and image changes.<br><br>Although I agree with Stian&#39;s stance on having a uniform login screen across all clients, we have to come to a common ground with the product team, and make compensations accordingly. Basically in our case each product owner wanted differently looking login screens while maintaining SSO.<br><br><br></div>Regards,<br></div>Lohitha<br></div><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Jan 7, 2016 at 4:29 AM, Travis De Silva <span dir="ltr">&lt;<a href="mailto:traviskds@gmail.com" target="_blank">traviskds@gmail.com</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Yes I understand. Let me check out the Login SPI.<div><br></div><div>Also thank you for not getting mad with this prolonged conversation :) </div><div><br></div><div>As always you guys have been very responsive and willing to listen to the community and that is a great sign for the future of KeyCloak.</div><div> </div></div><div class="HOEnZb"><div class="h5"><br><div class="gmail_quote"><div dir="ltr">On Thu, 7 Jan 2016 at 01:04 Stian Thorgersen &lt;<a href="mailto:sthorger@redhat.com" target="_blank">sthorger@redhat.com</a>&gt; wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">In theory you should be able to create your own screens using the Login SPI, but you will have to do a fair bit of development as you&#39;ll pretty much have to replace the whole login frontend. You can&#39;t host the login pages from your apps either as you&#39;ll then loose the ability to do SSO, so it will still have to be redirect based login as it is now.<div><br></div><div>As you say your use-case is not quite the common-case so it&#39;s not something that I want to support directly in Keycloak. However, we do strive to make Keycloak customizable for corner-cases so if you can achieve what you want with our current SPIs that would be great. Otherwise we could discuss what&#39;s needed. At the moment we&#39;re pretty swamped though so changes to Keycloak would most likely have to be contributions from you.</div></div><div class="gmail_extra"><br><div class="gmail_quote">On 6 January 2016 at 03:25, Travis De Silva <span dir="ltr">&lt;<a href="mailto:traviskds@gmail.com" target="_blank">traviskds@gmail.com</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><br><br><div class="gmail_quote"><span><div dir="ltr">On Wed, 6 Jan 2016 at 01:52 Scott Rossillo &lt;<a href="mailto:srossillo@smartling.com" target="_blank">srossillo@smartling.com</a>&gt; wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word">Isn’t this whole idea of client specific themes just going to confuse users? Think about logging into Google. Mail, calendar, drive, etc., all share the same login screen and are all SSO clients. Wouldn’t you be confused if it looked different for each app? Either way you’re authenticating with Google.  If you want to customize the consent screen for external clients, that makes a bit more sense but it should be done in a very standard way, like allowing a custom logo per external client you’re authorizing. If you completely re-theme the consent screen even, you’re going to confuse users IMO.<div><br></div></div></blockquote><div><br></div></span><div>If the suite of applications/products as per your Google example is provided from one vendor/development group, then yes. In that case we can use what KeyCloak has at present.</div><div><br></div><div>But in corporate environments, you have hundreds and sometimes thousands of applications built by different groups/teams/vendors and they all don&#39;t look the same. In these environments, users most of the time use one or two as their primary application and occasionally might want to access another one in which case SSO will kick in and they don&#39;t need to login again. So there is really no confusion as they will always login to their primary application which is themed as per their application and when they go across to another application, it just automagically logs them in due to SSO.</div><div><br></div><div>Another point is that when new application projects are kicked off in the corporate world, they will want to style/theme UI&#39;s as per the latest design standards or features. In such cases, if we go and theme it using the new standard, that will also change the existing applications that are running on KeyCloak and anyone who has worked in a corporate world knows how much of a pain point that is as you need to then engage various business owners of the exiting applications, come up with end user communication plans and so on. If we have theming at a client level, then we can progressively or to use the current buzz word &quot;in an Agile&quot; manner, ensure that new applications look new with new UI standards and not have to worry about existing applications at least until those applications are migrated.</div><div><br></div><div>Apart from the above &quot;corporate world&quot; example, there are examples where this can be useful in consumer facing SaaS type of applications as well. It just gives more flexibility to end developers of applications that utilise KeyCloak.</div><div><div><div><br></div><div> </div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word"><div><div>
<div>Scott Rossillo</div><div>Smartling | Senior Software Engineer</div><div><a href="mailto:srossillo@smartling.com" target="_blank">srossillo@smartling.com</a></div><div><br></div><div><span style="color:rgb(169,169,169);font-family:gesta,Arial,Helvetica,sans-serif;font-size:14px;line-height:20px;background-color:rgb(255,255,255)"></span><div style="color:rgb(169,169,169);font-family:gesta,Arial,Helvetica,sans-serif;font-size:14px;line-height:20px;background-color:rgb(255,255,255)"><a href="http://www.sigstr.com/" style="color:rgb(0,124,194);text-decoration:none;background-color:transparent;outline:0px!important" target="_blank"><img alt="Powered by Sigstr" style="border:0px;vertical-align:top;max-width:100%;min-height:auto;width:inherit;color:rgb(99,99,99);font-family:Helvetica;font-size:11px" border="0"></a></div></div>
</div></div></div><div style="word-wrap:break-word"><div>
<br><div><blockquote type="cite"><div>On Jan 5, 2016, at 6:22 AM, Travis De Silva &lt;<a href="mailto:traviskds@gmail.com" target="_blank">traviskds@gmail.com</a>&gt; wrote:</div><br><div><div dir="ltr">Hi Stian,<div><br></div><div>SSO zones will not help in my use case because I actually want SSO between clients. For example lets say I have following clients</div><div><br></div><div>Client1</div><div>Client2</div><div><br></div><div>and have following users</div><div><br></div><div>User1</div><div>User2</div><div>User3</div><div><br></div><div>and I want User1 to be able to login to Client1 using its own application theme, User2 to login to Client2 using its own application theme and User3 can login to either Client1 or Client2 and they get SSO across the two clients.</div><div><br></div><div>How can we do this with your proposed SSO zones?</div><div><br></div><div>The more I think of this, its would be better to just give access to various end points in the login process. (e.g. forgot password, social login, register user etc) This I believe will be more flexible as we can then use it for these edge cases. Any thoughts on this?</div><div><br></div><div>Cheers</div><div>Travis</div><div><br><div class="gmail_quote"><div dir="ltr">On Tue, 5 Jan 2016 at 18:29 Stian Thorgersen &lt;<a href="mailto:sthorger@redhat.com" target="_blank">sthorger@redhat.com</a>&gt; wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote">On 4 January 2016 at 14:25, Travis De Silva <span dir="ltr">&lt;<a href="mailto:traviskds@gmail.com" target="_blank">traviskds@gmail.com</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">HI Stian,<div><br></div><div>Adding SSO zones just to address the theming issue looks a bit overkill to me as it will eventually come down to doing some theming at a level below the realm. I was going on the basis that if theming is not set at a client level, then it will default to the realm level theming which is basically your SSO enabled zone. </div></div></blockquote><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><br></div><div>Also my other point was with regard to SaaS based applications where we have a backoffice system which is themed as per our SaaS product but the consumer facing front end needs to be themed to be aligned with the customer&#39;s web site. In this case, we cannot go with what KeyCloak has at present. What I am doing is as suggested by Bill sometime back, adding &quot;if/else&quot; statements into the freemarker templates and based on the client id loading different freemarker templates which is not ideal but does the job.</div><div><br></div><div>In any case, since what we are discussing is in general edge cases, Therefore instead of complicating the core KeyCloak platform, why don&#39;t you just expose the various links/flows that is currently available in the login process (forgot password/reset credentials, <span style="line-height:1.5">required actions (update password, verify email, configure OTP, etc.), </span><span style="line-height:1.5">user account mgmt, registration, social login etc. Then we are still using the core of keycloak but for the frontend themes/UI, we use our own.</span></div><div><span style="line-height:1.5"><br></span></div><div>I also haven&#39;t explored the Login SPI which as per the KeyCloak docs which says &quot;The Login SPI allows implementing the login forms using whatever web framework or templating engine you want&quot;. Wonder if this will give us what we are after.</div></div></blockquote><div><br></div></div></div></div><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote"><div>Sounds like an SSO zone is exactly what you&#39;d want, so I&#39;m not sure why you are so against that.</div><div><br></div><div>I really don&#39;t want to have a theme option on a client, as I&#39;ve said it just doesn&#39;t make any sense. I&#39;d be happy with introducing an SPI or adding to the Theme SPI to let you choose yourself what theme is selected. The Login SPI is rather low-level so it would be better to do something else.</div></div></div></div><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote"><div> </div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><span style="line-height:1.5"><br></span></div><div><span style="line-height:1.5">Cheers</span></div><span><font color="#888888"><div>Travis</div><div><br></div><div><span style="line-height:1.5"><br></span></div><div><br></div><div><br></div><div><br></div><div><br></div></font></span></div><div><div><br><div class="gmail_quote"><div dir="ltr">On Mon, 4 Jan 2016 at 22:27 Stian Thorgersen &lt;<a href="mailto:sthorger@redhat.com" target="_blank">sthorger@redhat.com</a>&gt; wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>I strongly disagree. With Keycloak you are logging in to a SSO realm, not an individual application. With that in mind it&#39;s important that the login screen reflects that. Users need to know the difference as it&#39;s an important distinction. It just doesn&#39;t make any sense that I&#39;m logged-in to the SSO with a login screen that is themed to look like the login screen for an individual application.</div><div><br></div><div>Adding an option on clients to set the theme just doesn&#39;t make any sense. If we added the option to create SSO &quot;zones&quot; or disable SSO for individual applications then it would make sense to be able to set theme on a per-zone or apps that doesn&#39;t have SSO enabled.</div><div><br></div><div class="gmail_extra"><div class="gmail_quote"></div></div></div><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote">On 31 December 2015 at 09:46, Travis De Silva <span dir="ltr">&lt;<a href="mailto:traviskds@gmail.com" target="_blank">traviskds@gmail.com</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr">Hi,<div><br></div><div>My vote is to provide this feature at a client level as per the original request.</div><div><br></div><div>I think realms should be used for completely different domains when we want to isolate users etc. Should not try and use it for something that it was not intended in the design.</div><div><br></div><div>The reason why you might need theming at client level is i<span style="line-height:normal">if you really think that clients which are essentially different applications most of the time and each of these applications might have different look and feel themes (either due to different development teams or vendors building different applications). </span></div><div><span style="line-height:normal"><br></span></div><div><span style="line-height:normal">So when someone logins via KeyCloak, its true that we are logging into a realm but for an end user, it is really logging into a application and there is a need for the login page theme to look similar to the application look and feel.</span></div></div></blockquote></div></div></div><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div><span style="line-height:normal"><br></span></div><div><span style="line-height:normal">Also I have a use case where I have a back office application that requires login for admin users and then I have the front office of this application where in addition to the admin users, you also can have other users as well who can self register and login to the front end which is a consumer facing site.</span></div><div><span style="line-height:normal"><br></span></div><div><span style="line-height:normal">How I handle this is by having two clients in the same realm. This works fine if you are happy with the same backend login theme to be there for the consumer facing frontend. But we cannot do that as the front end is a consumer facing SaaS site, so each front end needs to have the client&#39;s website theme. This becomes very hard to do if we don&#39;t have theming at a client level.</span></div><div><span style="line-height:normal"><br></span></div><div><font><span style="line-height:normal">I came across this post from Bill a few months ago </span></font></div><div><a href="http://lists.jboss.org/pipermail/keycloak-user/2015-July/002537.html" style="line-height:normal" target="_blank">http://lists.jboss.org/pipermail/keycloak-user/2015-July/002537.html</a><font><span style="line-height:normal"><br></span></font></div><div><font><span style="line-height:normal"><br></span></font></div><div><font><span style="line-height:normal">I am thinking to make use of the client variable that is available in login.ftl and load different freemarker fragments that will then theme it differently for each client. As mentioned by Bill, having many if conditions might not be ideal but it might meet the requirement.</span></font></div><div><font><span style="line-height:normal"><br></span></font></div><div><font><span style="line-height:normal">Cheers</span></font></div><span><font color="#888888"><div><font><span style="line-height:normal">Travis</span></font></div><div><font><span style="line-height:normal"><br></span></font></div><div><font><span style="line-height:normal"><br></span></font></div><div><br></div><div><font><span style="line-height:normal"> </span></font></div></font></span></div>
<br></blockquote></div></div></div><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">_______________________________________________<br>
keycloak-user mailing list<br>
<a href="mailto:keycloak-user@lists.jboss.org" target="_blank">keycloak-user@lists.jboss.org</a><br>
<a href="https://lists.jboss.org/mailman/listinfo/keycloak-user" rel="noreferrer" target="_blank">https://lists.jboss.org/mailman/listinfo/keycloak-user</a><br></blockquote></div></div></div></blockquote></div>
</div></div></blockquote></div></div></div></blockquote></div></div></div>
_______________________________________________<br>keycloak-user mailing list<br><a href="mailto:keycloak-user@lists.jboss.org" target="_blank">keycloak-user@lists.jboss.org</a><br><a href="https://lists.jboss.org/mailman/listinfo/keycloak-user" target="_blank">https://lists.jboss.org/mailman/listinfo/keycloak-user</a></div></blockquote></div><br></div></div></blockquote></div></div></div></div>
</blockquote></div><br></div>
</blockquote></div>
</div></div><br>_______________________________________________<br>
keycloak-user mailing list<br>
<a href="mailto:keycloak-user@lists.jboss.org">keycloak-user@lists.jboss.org</a><br>
<a href="https://lists.jboss.org/mailman/listinfo/keycloak-user" rel="noreferrer" target="_blank">https://lists.jboss.org/mailman/listinfo/keycloak-user</a><br></blockquote></div><br></div>