#Splash #Loginform#WAB #Widget#customized
How to achieve Login functionality by customized Splash Widget
1) Enable Splash Widget and modify Widget.html of splash to accept User credentials (add textusername, txtPassword).
2) under event onOkClick of Widget.js fetch credentials values and do $.ajax call for external web service for login. you have to refrence JQuery on index.html at the root of the application.
var user = $("#txtUserName").val();
var pass = $("#txtPassword").val();
$.ajax({
url: "https://sampleserver.domain.com/Methodname_to_ValidateUsers?",
data: { "UserName": user, "Password": pass },
success: function (result) {
if (result.Is_Valid_User == true) {
// hide the splash
var me = document.getElementsByClassName("jimu-widget-splash-desktop jimu-widget-splash jimu-widget");
var this.me = document.getElementById(me[0].id);
thisme.style.display = "none";
// do furter modifications as per results.values
// set localStorage if needed
}
else {
alert("Invalid Usename or Password");
}
},
error: function (err) {
alert(err.status + " Please check service settings ");
this.open();
}
});<SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
