Discussions

Expand all | Collapse all

Hide Save at the bottom of the form

Ji Lin09-18-2017 16:17

Ursula Ll09-18-2017 21:15

  • 1.  Hide Save at the bottom of the form

    Posted 09-18-2017 12:43
    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).


  • 2.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 15:27
    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(); 


  • 3.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 17:11
    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:

    ">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1651475/RackMultipart20170918-41816-83ow2o-HideSaveJS_inline.png?1505754605">


    What am I doing wrong?


  • 4.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 19:21
    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. 


  • 5.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 21:04
    Thank you for catching that!!


  • 6.  RE: Hide Save at the bottom of the form

    Top
    Contributor
    Posted 09-18-2017 15:30
    It would make too much sense for them to plan for this and give you an option to not use it.  #ChangeManagement


  • 7.  RE: Hide Save at the bottom of the form

     
    Posted 09-18-2017 16:17


  • 8.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 16:19
    so true, what was Quickbase thinking not giving us the option to remove this?


  • 9.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 18:29
    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...


  • 10.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 19:02
    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!


  • 11.  RE: Hide Save at the bottom of the form

    Top
    Contributor
    Posted 09-18-2017 19:06
    I think this should be a 'roll back' and not a "please contact us to have it removed" response.



  • 12.  RE: Hide Save at the bottom of the form

    Top
    Contributor
    Posted 09-18-2017 20:51
    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
    ">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1651589/RackMultipart20170918-97543-ypmh45-Capture4_inline.PNG?1505767820">


  • 13.  RE: Hide Save at the bottom of the form

    Top
    Contributor
    Posted 09-18-2017 20:53
    ">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1651591/RackMultipart20170918-130152-1dvtbw9-Capture5_inline.PNG?1505767909">

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


  • 14.  RE: Hide Save at the bottom of the form

    Top
    Contributor
    Posted 09-18-2017 19:05
    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.


  • 15.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 19:19
    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. 


  • 16.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 21:13
    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*


  • 17.  RE: Hide Save at the bottom of the form

    Posted 09-18-2017 21:15
    Good luck!!


  • 18.  RE: Hide Save at the bottom of the form

    Posted 09-19-2017 12:57
    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);\">"


  • 19.  RE: Hide Save at the bottom of the form

    Posted 09-19-2017 15:35
    Thank you this works great. I put it at the bottom of the form and it works just peachy.