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

Expand all | Collapse all

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

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

    Posted 03-20-2017 15:11

    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?

    Thanks,



  • 2.  RE: How to increase map report's height in native Quick Base?

    Bronze
    Contributor
    Posted 03-20-2017 16:25
    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. 



  • 3.  RE: How to increase map report's height in native Quick Base?

    Posted 03-20-2017 17:33
    Thanks, but no, not on a dashboard, just one of my reports.


  • 4.  RE: How to increase map report's height in native Quick Base?

    Top
    Contributor
    Posted 03-21-2017 03:20
    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.


  • 5.  RE: How to increase map report's height in native Quick Base?

    Top
    Contributor
    Posted 03-21-2017 03:25
    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
    https://haversineconsulting.quickbase.com/db/bmmyhv4ep?a=q&qid=1

    Pastie Database
    https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=561

    Notes: 

    (1)
    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:

    https://getsatisfaction.com/people/dandiebolt


  • 6.  RE: How to increase map report's height in native Quick Base?

    Bronze
    Contributor
    Posted 03-21-2017 16:40
    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.

    #nocoderequired


  • 7.  RE: How to increase map report's height in native Quick Base?

    Posted 03-21-2017 16:45
    Thanks.  This is the solution that worked for me.