Forum Discussion

EricEvans_Varga's avatar
EricEvans_Varga
Qrew Cadet
7 years ago

Hide Save at the bottom of the form

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

18 Replies

  • UrsulaLl's avatar
    UrsulaLl
    Qrew Assistant Captain
    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(); 
    • EricEvans_Varga's avatar
      EricEvans_Varga
      Qrew Cadet
      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?
    • UrsulaLl's avatar
      UrsulaLl
      Qrew Assistant Captain
      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. 
  • MCFNeil's avatar
    MCFNeil
    Qrew Captain
    It would make too much sense for them to plan for this and give you an option to not use it.  #ChangeManagement
    • UrsulaLl's avatar
      UrsulaLl
      Qrew Assistant Captain
      so true, what was Quickbase thinking not giving us the option to remove this?
  • 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!
    • MCFNeil's avatar
      MCFNeil
      Qrew Captain
      I think this should be a 'roll back' and not a "please contact us to have it removed" response.

    • MCFNeil's avatar
      MCFNeil
      Qrew Captain
      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
    • MCFNeil's avatar
      MCFNeil
      Qrew Captain


      Unless you have the checkbox to "show save and keep working option" the arrow is there, but doesn't do anything.
  • MCFNeil's avatar
    MCFNeil
    Qrew Captain
    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.
    • UrsulaLl's avatar
      UrsulaLl
      Qrew Assistant Captain
      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. 
  • 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*
  • 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);\">"
    • MeredithMoore1's avatar
      MeredithMoore1
      Qrew Cadet
      Thank you this works great. I put it at the bottom of the form and it works just peachy.