How to Scroll Like a Boss?

  • 0
  • 1
  • Question
  • Updated 4 years ago
  • Answered

How to Scroll Like a Boss?

Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,024 Points 20k badge 2x thumb

Posted 4 years ago

  • 0
  • 1
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,024 Points 20k badge 2x thumb
It is easy to Scroll like a Boss. Just visit this application and proceed to the Beers table and edit the first record and go scroll yourself crazy:


250 Bottles of Beer on the Form
https://haversineconsulting.quickbase.com/db/bj4vxvurn

Edit Record #1
https://haversineconsulting.quickbase.com/db/bj4vx6d6v?a=er&rid=1


You will see three sets of five buttons labeled "Header n", "Section n" and "Bottom n" where n=1-5. Clicking the Header n button will scroll you the element in the form with id=sect_s<n>Header. Likewise clicking Section n will scroll you to the element  in the form with id=sect_s<n>. These two scrolls are not perfect because the pageNavBar has fixed positioning in the CSS and lies atop a portion of the form:

<div id="pageNavBar" class="PageNavBar Fixed" ...>


To obtain a "better" scrolling you can scroll to the bottom the previous of section by selecting an id corresponding the last field in the previous section as demonstrated by the Bottom n buttons. 

To implement this you don't create additional fields in your table. Rather you create a text section your form and allow some HTML. The pastie has the markup for the set of buttons I used in the text sections of the form.

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

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,024 Points 20k badge 2x thumb
Thanks so much this was very helpful!!!!!!!!!!!