How to increase map report's height in native Quick Base?

  • 0
  • 1
  • Question
  • Updated 2 years ago
  • Answered
  • (Edited)

My map reports are displaying at only about 3.5 inch in height.  This causes a lot of scrolling for the user.  I couldn't find the setting for this.  How is it adjusted using native QB?


Photo of Tamara


  • 428 Points 250 badge 2x thumb

Posted 2 years ago

  • 0
  • 1
Is this map on your dashboard / home page? If so, you can edit the home page and move your mouse to the bottom of the report area, which will then present a tab that you can drag down to give the map more vertical real estate on your home page. 

Photo of Tamara


  • 428 Points 250 badge 2x thumb
Thanks, but no, not on a dashboard, just one of my reports.
Photo of Matthew Neil

Matthew Neil

  • 31,698 Points 20k badge 2x thumb
This is defaulted to 100% via the page styling, and most pages when they load at at that "3.5 inches", after you count all the default QB headers.

There is a way to do this with a custom map and script, which can perform the same dynamic functions.  But it would take a while it implement for your app.  It might not be worth it.  Maybe Dan D. has some hack that can change the page styling via a map report.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,224 Points 20k badge 2x thumb
This is a very interesting question which requires a very clever answer. This demo resizes the standard google map QuickBase generates for an address field:

Google Maps Resize

Pastie Database


You can't easily manipulate the google maps object associated with the address field  because it is created deep with various QuickBase functions and is not exposed at global scope. So the script does two things to achieve the same effect: (a) set the zoom level of the <div> containing the map to the value 2 and (b) click on the zoom out icon on the map using script.

(2) an animation time of 10 seconds is used to demonstrate how the script works. You can set the animation time to zero and the result will appear instantly.

(3) I tested this in Chrome however, the zoom attribute may not be supported in all browsers. If it does not work in your browser you can use the following CSS instead of zoom:

     transform: scale(2);

(4) Although it may not appear to relate to your question it is worth contrasting the manipulation of the Google Map with manipulation of a HighChart after they are rendered by QuickBase. You can gain access to the HighChart object of the rendered by QuickBase. You can't (easily - nothing is impossible) gain access to the Google Map object rendered by QuickBase.

If you need further assistance implementing this example feel free to contact me using the information in my profile:
Another way to do this, and I just tested it - would be to create a home page and put just your map report on that page. I would assume that people are currently navigating to the report via a button or a link right now, so you could instead have that button or link navigate to the home page that has the report displayed. By doing so, you have the ability to have a much larger view of the map.

Photo of Tamara


  • 428 Points 250 badge 2x thumb
Thanks.  This is the solution that worked for me.