Jump to content
  • 0
Sign in to follow this  
Corpcat

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

Share this post


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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×