Is there a way to create bookmark hyperlinks in forms?

  • 1
  • 2
  • Question
  • Updated 5 years ago
  • Answered
I have a form that has about 15 different sections (section headings). Each of those sections displays groups of fields, or certain relevant reports. Is there a way to create hyperlinks that I could place at the top of a form (similar to a navigation bar) that jump to bookmarks in the form so that users could jump straight to a section rather than having to scroll down until they find it? The bookmarks would be the standard section headings in the form.

Thanks in advance.
Photo of Juan

Juan

  • 20 Points

Posted 6 years ago

  • 1
  • 2
Photo of Mark_Shnier

Mark_Shnier

  • 590 Points 500 badge 2x thumb
Here are my notes to myself on how to do his.

Can you return the favor by posting back with the answer to the question to myself in my own notes :)


How to Jump to a spot on a form

The formula-URL to initiate the jump was

"javascript:void(window.location.href='#DealerClaim');"

The anchor tag for where to jump to was a formula-text field with HTML enabled with the formula

"<a name=DealerClaim></a>"

I don't know what happens if you jump to a closed (collapsed) section of a form. Note that if you don't want to allow sections to close, don't give them a name on the form.
Photo of Juan

Juan

  • 20 Points
Mark,

That is EXACTLY what I was looking for.  The technique works perfectly.  I did find out that when the section is collapsed, the button does not work.    It does not return an error or anything like that, just nothing happens.  But as you said, as long as the section is not named, it cannot be collapsed and the button will work as expected.

Thanks a million!

Juan
Photo of IT

IT

  • 0 Points
Hello, Mark!
I have some issue to create bookmark hyperlinks in my forms. Would you please provide me with more details how to do it. You wrote that I need to create two fields:
URL-formula and formula-Text  with html? So how to connect these two fields with each other and field #id?

"javascript:void(window.location.href='#DealerClaim');"    What is the '#DealerClaim'?
"<a name=DealerClaim></a>"


Thank you!
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 69,914 Points 50k badge 2x thumb
The DealerClaim in my example can be any text.  For example, you might want to call it JumpTarget.

Just put the first field at the top of the form and then the Target field at the bottom and see what happens when you click on the first field.
Photo of IT

IT

  • 0 Points
Mark,
One more question: How to implement your code to this one:
"<a href='#' class='Vibrant Success'><span class='ButtonText'>Tasks</span></a>"
I am just trying to make a little more beautiful buttons.
Thank you!
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 69,914 Points 50k badge 2x thumb
I think that you should re-post this as a new question. You can provide a link to this question to show what you have working so far.