PaulM.19359 (Greene King) asked a question.
We have a website where the credentials are hidden when the user first logs on. They are in an <li> element that is not the default one on page load. Is there any way we can create an SWA SSO
This is the link element:
<li class="nav-item">
<a class="nav-link" id="employee-tab" data-toggle="tab" href="*employee-login-form" role="tab" aria-controls="employee" aria-selected="false">Employees</a>
</li>
This is the div element for both selected and not selected li - I tried to create an SWA and reference the not selected element ie *employee-id but it didnt like that
<div class="tab-content">
<div id="employee-login-form" class="col-10 offset-1 tab-pane" role="tabpanel" aria-labelledby="employee-login-form-tab">
<form method="post" name="employee-login" action="/login" id="employee-login"><input type="hidden" name="csrf" value="1b6ad265c55dbde88ddb4d53e41eb0a9-c0d4d18732419f1c7919c22138b8d3dd">
<div class="form-group">
<label for="employee-id">
Employee ID Number <i class="far fa-question-circle float-right" data-toggle="tooltip" title="" data-original-title="Enter your 8 digit Greene King employee Id, including any leading zeros"></i>
</label>
<input name="employee-id" type="text" placeholder="e.g. 00012345" class="form-control" value=""> </div>
<div class="form-group">
<label for="password">
Password <i class="far fa-question-circle float-right" data-toggle="tooltip" title="" data-original-title="Please enter your password"></i>
</label>
<input name="password" type="password" autocomplete="new-password" placeholder="Password" class="form-control" value=""> </div>
<div class="form-buttons">
<input name="submit" type="submit" class="btn btn-primary" value="Log In"> </div>
</form> </div>
<div id="nominee-login-form" class="col-10 offset-1 tab-pane active show" role="tabpanel" aria-labelledby="nominee-login-form-tab">
<form method="post" name="nominee-login" action="/login" id="nominee-login"><input type="hidden" name="csrf" value="cb4dc724cc3c2108826a433217bd821e-ad0b74e10893575ef2bc0def4ba511a1">
<div class="form-group">
<label for="email">
Email Address <i class="far fa-question-circle float-right" data-toggle="tooltip" title="" data-original-title="Enter your email address"></i>
</label>
<input name="email" type="email" placeholder="email@domain.com" class="form-control" value=""> </div>
<div class="form-group">
<label for="password">
Password <i class="far fa-question-circle float-right" data-toggle="tooltip" title="" data-original-title="Please enter your password"></i>
</label>
<input name="password" type="password" autocomplete="new-password" placeholder="Password" class="form-control" value=""> </div>
<div class="form-buttons">
<input name="submit" type="submit" class="btn btn-primary" value="Log In"> </div>
</form> </div>
</div>
Hi this is Jose Soto from Okta support. Thanks for your question about the SWA integration for the FriendandFamily.greeneking.co.uk website.
Actually we don't have any setting or SWA template with the functionality of selecting the tab you need once you get into the login URL. However, I built the SWA integration for testing using a SWA template plugin app, and once I launch the app and then click on the "Employees" tab, the Okta plugin enters the user credentials and proceeds to login. So even the app does not login automatically completely, at least the users credentials will be entered and the login process will be done automatically once you click the "Employees" tab.
If you need assistance building the SWA app integration mentioned, please opened a support case so you can ask an engineer to help you with the integration.
Thanks
When you mention “However, I built the SWA integration for testing using a SWA template plugin app, and once I launch the app and then click on the "Employees" tab, the”. Is that template open to us to use? Or has it not been released to the wider community?
If not I will raise a support case as you mentioned
Regards
Mark Walbank
Solution Architect
Greene King | Sunrise House | Ninth Avenue| Burton upon Trent| Staffordshire | DE14 3JZ
Mobile: 07812 257110
Advanced Leave Notification:
If you are entitled for creating SWA apps integrations on your tenant, you should be able to use this template.
Just go to applications, add applications, and then look for Template Plugin SWA app on the search bard, so you can find the template to built this custom SWA app integration.
If you have issues when creating the app, this is where you should opened a case asking for help at creating the app.