Jump to content

move submit button inline


Recommended Posts

Hi Mylene,

Add header/footer, open the header, disable html editor and add the following code in the header of the datapage to hide the default submit button:

 <style> #Submit{ display: none; } </style> 

Add an HTML block below all the fields and Disable the HTML editor and on the Standard tab and add the code below:

 <div style="text-align: center; position: relative;"> <input type="submit" onmouseout="cbButtonHover(this,'cbSubmitButton');" onmouseover="cbButtonHover(this,'cbSubmitButton_hover');" class="cbSubmitButton" value="Submit" id="Submit1" name="Submit"> </div>

And the last thing, open the advanced tab of the last field on the form and check the "Continue the next element on the same line" checkbox.

Hope it helps :)

Link to comment
Share on other sites

  • 2 weeks later...
  • 1 year later...
  • 5 months later...
  • 2 months later...

Hi @Corpcat,

Yes, you can.
You should put the following code for your custom button to the HTML element in the Authentication :

<input type="submit" name="xip_datasrc_Customer" id="xip_datasrc_Customer" value="Login" class="cbLoginButton">


And hide the original button using the following code in the footer in the Authentication:

<script>
let btn = document.getElementsByClassName("cbLoginButton")[1];
btn.style.display="none";
</script>

To put the button inline with the previous field, you should check "  Continue next element on the same line" for the Password field. Please refer to this screenshot:
https://prnt.sc/mah2rh

Link to comment
Share on other sites

  • 1 month later...
  • 2 months later...
On 11/28/2016 at 10:56 AM, Mathilda said:

Hi Mylene,

Add header/footer, open the header, disable html editor and add the following code in the header of the datapage to hide the default submit button:


 <style> #Submit{ display: none; } </style> 

Add an HTML block below all the fields and Disable the HTML editor and on the Standard tab and add the code below:


 <div style="text-align: center; position: relative;"> <input type="submit" onmouseout="cbButtonHover(this,'cbSubmitButton');" onmouseover="cbButtonHover(this,'cbSubmitButton_hover');" class="cbSubmitButton" value="Submit" id="Submit1" name="Submit"> </div>

And the last thing, open the advanced tab of the last field on the form and check the "Continue the next element on the same line" checkbox.

Hope it helps :)

 

Can you advise what to put in the header of a Report Datapage to hide the search button?

The first part of your code didn't work when i applied it to the Report Datapage, wishful thinking, but the 2nd part that goes into the HTML block worked great!

 

 

Link to comment
Share on other sites

2 hours ago, Elderberg said:

 

Can you advise what to put in the header of a Report Datapage to hide the search button?

The first part of your code didn't work when i applied it to the Report Datapage, wishful thinking, but the 2nd part that goes into the HTML block worked great!

 

 

 

Try this one.

<style>
  [class*=cbSearchButtonContainer] {
  	display: none;
  }
  
</style>

 

Link to comment
Share on other sites

  • 2 years later...

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
Reply to this topic...

×   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...