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

  • 464 Points 250 badge 2x thumb

Posted 1 year ago

  • 0
  • 1
Photo of Ursula Ll

Ursula Ll

  • 1,446 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

  • 412 Points 250 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,446 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

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

Matthew Neil

  • 31,438 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 fusion

fusion

  • 470 Points 250 badge 2x thumb
Photo of Ursula Ll

Ursula Ll

  • 1,446 Points 1k badge 2x thumb
so true, what was Quickbase thinking not giving us the option to remove this?
Photo of Jacob

Jacob

  • 738 Points 500 badge 2x thumb
There is a uservoice topic already created (see link).  Seems like this is something that Quick Base will change soon.  

https://quickbase.uservoice.com/forums/111823-quick-base-product-feedback/suggestions/31385695-suppr...
Photo of Gevorg Hovsepyan

Gevorg Hovsepyan, Quick Base Product Manager

  • 110 Points 100 badge 2x thumb
Thanks everyone for your feedback! My name is Gevorg, Product Manager at Quick Base. 

After the release, we’ve got a lot of feedback requesting the ability to enable/disable save button at the end of the form. Based on the feedback we’ve got so far, we are going to invest some more time on this feature and make it configurable. Stay tuned you’ll see more updates about this in upcoming releases. Meantime, if the buttons cause some pain for your app, we can disable the feature on our end at the account/realm level. Please ask your account admin to contact Customer Care for more support.

Thank you!
Photo of Matthew Neil

Matthew Neil

  • 31,418 Points 20k badge 2x thumb
I think this should be a 'roll back' and not a "please contact us to have it removed" response.

Photo of Matthew Neil

Matthew Neil

  • 31,418 Points 20k badge 2x thumb
Another reason for a roll back:

The arrows on the save buttons.  Either not needed or needed and not there.

i.e. Save & Next is gone
Photo of Matthew Neil

Matthew Neil

  • 31,418 Points 20k badge 2x thumb


Unless you have the checkbox to "show save and keep working option" the arrow is there, but doesn't do anything.
Photo of Matthew Neil

Matthew Neil

  • 31,438 Points 20k badge 2x thumb
Using the IOL will only work 'sometimes' because they are loading those button before the fields get loaded.  So if the IOL field hasn't loaded, before the page is rendered by your browser, it will still show.

If you can add a delay to the script, or use a more advanced Loading technique.
Photo of Ursula Ll

Ursula Ll

  • 1,446 Points 1k badge 2x thumb
I just tested this, and you are correct. Short term though, this is a quick and simple solution until we decide what our long term is going to be. 
(Edited)
Photo of Eric Evans-Vargas

Eric Evans-Vargas

  • 464 Points 250 badge 2x thumb
Thank you everyone for all of the feedback and help on this!

While QB works on a fix, I've inserted a new section that includes about 50 line breaks in html text fields that will hopefully push the footer far enough off the screen to not be noticed, and users will click on my API Save button.

*crosses fingers*
Photo of Ursula Ll

Ursula Ll

  • 1,446 Points 1k badge 2x thumb
Good luck!!
Photo of Dan

Dan

  • 1,176 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.