New Technique: New WIndow

  • 0
  • 1
  • Question
  • Updated 1 year ago
  • Doesn't Need an Answer
  • (Edited)
I wanted to pass on a new technique that some of you might find useful. Let's call this technique the New Window technique.

When I created the repeating headers script I used this technique to grab QuickBase's report print page and modify it before displaying it.

Custom Repeating Headers On Printed Records

I haven't released the code for that mini-project because it is a small mess but a can show you how I arranged things. Let's do it through a short demo:

Visit this public page:

Formula Function Reference ~ All Functions and Operators

Now press F12 to expose the devtools and paste in this code into the consle:

$.ajaxSetup({async: true});
var url = "";
var markup;
$.get(url, function(html) {
  markup = html.replace(/Formula Functions Reference/g, "Monadic Pipeline Workflow Reference");
var win =;;
win.history.pushState({}, "All Functors", url);

Here is a screenshot of me applying the code manually from the above URL:

And here is a screenshot of the window that loads annotated to show the two modifications I made to the page:

Now it is obvious that we changed the text "Formula Functions Reference" to the text, "Monadic Pipeline Workflow Reference" but what's changed about the URL?

Well the script actually opens a new window without a URL so what would be shown in the address bar is about:blank. However the code actually sets the URL and changes the title of the page to "All Functors" with the last line of code using pushState():
win.history.pushState({}, "All Functors", url);

Well there you go yet another way to customize QuickBase's pages. This worked well for modifying QuickBase report to have Custom Repeating Headers and I am sure you will find clever uses as well.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,264 Points 20k badge 2x thumb

Posted 1 year ago

  • 0
  • 1

Be the first to post a reply!