Jump to content
  • 0

Authentication Login Box


Question

I am trying to put a login box up in the top right hand corner of the header on my Web Page, 

Is there a way to get the login button to appear inline with the Email and Password fields. 

You can't select from the advance menu on the last field, like below

 
Continue next element on the same line
 
I tried some code outlined in a previous post about inline buttons but I couldn't get that to work either.
 
 

FireShot Screen Capture #030 - 'Caspio - Preview_ Header_Login' - corpcat_caspio_com_ui_apps_BMX Archive records management_datapages_Header_Login_pre.png

Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Hi Corpcat,

You can add a Header/Footer to you Authentication, disable the html editor, then add this code:

<style>
td[class*="cbLoginButtonContainer"] {
    display: none;
}
</style>

 

Then add an HTML block after below all your fields, then put this code:

<div style="text-align: center; position: relative;"> <input type="submit" onmouseout="cbButtonHover(this,'cbLoginButton');" onmouseover="cbButtonHover(this,'cbLoginButton_hover');" class="cbLoginButton" value="Login" id="Login1" name="Login"> </div>

 

After that, select your second to the last field, click Advanced tab and check Continue next element on the same line.

image.thumb.png.c3e0903c307d21661e3b3723ded21738.png


image.png.add540bf0ef3c1545de923aa05e83eea.png

 

-JolliBeng

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...