Hide Save at the bottom of the form

  • 0
  • 1
  • Question
  • Updated 1 year ago
  • Doesn't Need an Answer
  • (Edited)
With the latest QB release (Sept 2017), the Save functions have been added to the bottom of all forms (as well as the top).  This is GREAT ... in most cases.

We currently have an Everyone on the Internet form that has a custom SAVE button that we created, which triggers many actions and redirects to certain pages depending on what the user has filled out in the form.

We learned about hiding the headers with "&IFV=0" at the end of the web address when directing to the form, but now I need to know how to hide the footers.  The save button at the bottom of the form is bypassing all of the customization we've built and is basically undoing the functionality.

Anyone know how to hide/remove this?  Preferably without using java script (because I have zero knowledge of it).  But if using java script works, i'm not opposed to it (because I'll have to learn it at some point).
Photo of Eric Evans-Vargas

Eric Evans-Vargas

  • 586 Points 500 badge 2x thumb

Posted 1 year ago

  • 0
  • 1
Photo of Ursula Ll

Ursula Ll

  • 1,502 Points 1k badge 2x thumb
Hi! I just recently asked this question myself. For us, it is definitely going to cause some chaos. My initial thought was to see if there is natural Quickbase functionality but it doesnt seem like there is. The javascript to hide these buttons is VERY simple. 
$("#formFooterButtonsContainer").hide();

#formFooterButtonsContainer is the container that is holding these buttons. We want to hide this, so in jQuery (a JS library), we can just say .hide(). To put this into action is a little bit more time consuming. 

We have to create a script page on the Pages section of the Application you are on. The only thing on this page is the script above: $("#formFooterButtonsContainer").hide(); Give this page a title, with no spaces and add .js to the end, so that QB knows it is a javascript page. 

On your table where you want to hide the buttons, create a formula text field and add the following:
"<img qbu=\"module\" src=\"/i/clear2x2.gif\" onload=\"javascript:$.getScript('" & URLRoot() & "db/" &Dbid() & "?a=dbpage&pagename= NAMEOFYOURJSPAGE.JS&rand='+Math.random())\">" 
add this formula field to your form, change the name to the name of your page, and you should be good to go! 

Let me know if this doesnt work or you need more help. 

All credit for this should go to Dan Diebolt with the IOL technique - you can find many a question/comments with this technique on here. Shout out to Chuck Grigsby for the $("#formFooterButtonsContainer").hide(); 
Photo of Eric Evans-Vargas

Eric Evans-Vargas

  • 586 Points 500 badge 2x thumb
So I've created the </> page, and I've created the formula (allowing HTML), and I've added the field to the top of the form, and have updated the Everyone On The Internet Role to utilize that form ... but the footer (Save & Close and Cancel Buttons) do not disappear each time; they only hide occasionally.

My formula:
"<img qbu=\"module\" src=\"/i/clear2x2.gif\" onload=\"javascript:$.getScript\n('" & URLRoot() & "db/" &Dbid() & "?a=dbpage&pagename= HideSave.JS&rand='+Math.random())\">"

My page:




What am I doing wrong?
Photo of Ursula Ll

Ursula Ll

  • 1,502 Points 1k badge 2x thumb
Like Matthew says below, it loads after the page loads. This means that it should display, but only for a short period of time, and then disappear. Also, make sure there is no space between the pagename=HideSave.js portion of your formula, it looks like there is a space there now. 
Photo of Eric Evans-Vargas

Eric Evans-Vargas

  • 586 Points 500 badge 2x thumb
Thank you for catching that!!
Photo of Matthew Neil

Matthew Neil

  • 31,638 Points 20k badge 2x thumb
It would make too much sense for them to plan for this and give you an option to not use it.  #ChangeManagement
Photo of Dan

Dan

  • 1,326 Points 1k badge 2x thumb
The following code (in an html-enabled formula text field) is working pretty well for me (there's a delay built in, b/c it wasn't working for me without it):
"<img qbu='module' src='/i/clear2x2.gif' onload=\"window.setTimeout(function() {$('#formFooterButtonsContainer').hide();}, 500);\">"
Photo of Meredith Moore

Meredith Moore

  • 556 Points 500 badge 2x thumb
Thank you this works great. I put it at the bottom of the form and it works just peachy.

This conversation is no longer open for comments or replies.