I have a FW7 login form that always returns unauthorized (401). Here is my setup, perhaps I am doing something wrong.
My API Server Connect:
The Server Connect setup on my page:
And my form code:
<form method="post" is="dmx-serverconnect-form" id="loginForm" credentials>
<div class="list">
<ul>
<li class="item-content item-input">
<div class="item-inner">
<div class="item-title item-label">E-mail</div>
<div class="item-input-wrap">
<input type="text" name="inputLoginEmail" id="inputLoginEmail">
<span class="input-clear-button"></span>
</div>
</div>
</li>
<li class="item-content item-input">
<div class="item-inner">
<div class="item-title item-label">Password</div>
<div class="item-input-wrap">
<input name="inputLoginPassword" id="inputLoginPassword" type="password">
<span class="input-clear-button"></span>
</div>
</div>
</li>
</ul>
</div>
<div class="list">
<ul>
<li>
<a href="#" class="list-button" dmx-on:click="signinForm.load()">Sign In</a>
</li>
<li>
<a href="#" class="item-link list-button login-screen-close" data-login-screen="#loginScreen">Close Sign In Form
</a>
</li>
</ul>
</div>
<p class="text-align-center">{{signinForm.status}}<br> {{inputLoginEmail.value}}<br> {{inputLoginPassword.value}} </p>
</form>
It’s like the values being sent to the API are blank or something. I know the credentials are correct as it logs in no problem with my Bootstrap version. Is there a way to test what exactly is being sent to the serverconnect API?