IOL Technique Officially Approved By QuickBase

  • 38
  • 3
  • Question
  • Updated 6 months ago
  • Doesn't Need an Answer
  • (Edited)
I missed this the other day when I posted about the form used by QuickBase on thier  Quick Base Customer Awards nominations. In my post I mentioned that QuickBase had created a custom Save button that saved and redirected  to a unique page and I also presented the code they used. What I forgot to mention (I missed seeing it) is that QuickBase itself is using a version of the IOL technique to hide the native Save button so as to make the custom Save button the only functioning button.

The Forum post has been removed:

https://community.quickbase.com/quickbase/topics/quick-base-customer-awards-nominations-are-open

But the new record pages are still accessible:

The Quick Base Hero Award ~ Add New Record
https://team.quickbase.com/db/bneu8emfj?a=nwr

If you watch very carefully upon page reload you can see the Save button momentarily appear and is then rapidly hidden.

The HTML code QuickBase is using to achieve this is as follows:

<table id="sect_s8" class="formSection LabelsAbove">
  <tr class="formRow ">
    <td id="tdl_23" class="label lc RichTextField" colspan=100>
      <label class="fieldLabel " for='_fid_21'><b >Hide Green Buttons</b></label>
      <div id="tdf_23" class="cell dc RichTextField" >
        <img src='/i/clear2x2.gif' 
             onload="javascript:$(document).ready(function(){$('.IconOnly').hide();$('#saveButton').hide();})">
        </span>
      </div>
    </td>
  </tr>
</table>
Here is a screenshot of the relevant HTML in the inspector (which helpfully points out an unbalanced </span> element)




The code above basically uses the image onload technique I created almost a decade ago but simply does not use a code page because the script in question was so short.

So we have to conclude that QuickBase sees the value in script as a handy workaround and will be working hard to provide a supported way to introduce script into the product.
For reference here is the accompanying post that described how QuickBase formed their custom Save button:

This is !important
https://community.quickbase.com/quickbase/topics/this-is-important

Pastie Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=633
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 28,304 Points 20k badge 2x thumb

Posted 10 months ago

  • 38
  • 3
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,808 Points 5k badge 2x thumb
Hi Dan,

Good to hear that. I just went to the nomination page and saw the same thing which you have mentioned above. It's great to see that they are now using Officially - "IOL".

Thanks,

Gaurav
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 28,234 Points 20k badge 2x thumb
Yes - and we need them to start using Service Workers.
First they ignore you, then they laugh at you, then they fight you, then you win. 
- Mahatma Gandhi
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,808 Points 5k badge 2x thumb
100% agreed with Quote.
Photo of Adam Keever

Adam Keever

  • 996 Points 500 badge 2x thumb
Epic Win