Help BookMarks

[NasaControl05]

I have a question,
On the (Frequently Asked Questions ) when you click on any link, it take you to the text content on the lower part on the same page.
Are those BookMarks? And the link / that says. ( TOP )… that will take you back to the top of the page.
I am trying to build a knowledge page, with the same affect as the (WYSIWYG Frequently Asked Questions PAGE ), … Links on the top of the page, with text content on the lower part of the page.

This is the Page......

https://www.wysiwygwebbuilder.com/forum ... p/help/faq

[MGD4me]

Are those BookMarks?

Yes they are...

Hover over any of the list of items in the FAQ page you referenced, and note at the bottom of the browser the link to which it it pointing. It references the same page, but tacked on to the end of the page name is a '#' plus a few more characters. The '#' is basically a 'go-to bookmark' instruction, and the extra characters would be the identifier, or bookmark name.

So in your case, place the bookmark symbol at the location on the page where you would like the browser to move to, when a link is clicked, and give it a unique name ( if you wish). The default name is bookmark1, bookmark2, etc. Then, make sure your link(s) near the top of page include the '#bookmark1' instruction tacked to the end of the link. That's it !!

[Pablo]

To learn more about bookmarks, see this related FAQ:
https://wysiwygwebbuilder.com/links.html

See also:
https://wysiwygwebbuilder.com/affix_and_scrollspy.html

[NasaControl05]

PERFECT!!!!! that did the trick!!!! thanks!!!

[jeff11214]

I'm trying to make a similar page to the FAQ page here: app.php/help/faq

I have a table with 1-column and many rows.

One row/cell has 10 lines of text. Each line of text I added a link with bookmark selected.

Problem is, you can't place a bookmark object into the table.

What's the best way to do this?

[crispy68]

Have you tried setting the link to bookmark to the text object using its ID?

[jeff11214]

Have you tried setting the link to bookmark to the text object using its ID?

I have not.

Could you please provide some details on this, or point me in the right direction?

[BaconFries]

See the following Linking your pages together reading from "Bookmarks (Jump to another part of the page)"

[jeff11214]

See the following Linking your pages together reading from "Bookmarks (Jump to another part of the page)"

I did come across the page you referenced above, but my issue is regarding Step 2:
"Move the bookmark icon to the position where you want the page to jump to if the user clicks the link."

If I move the bookmark icon onto a table cell, I no longer see the text within the cell.

Update: I think a found a solution that works. I inserted a new row above each cell where I want the bookmark to go and placed bookmark icon there.

Testing now, but it looks good so far.

[jeff11214]

This may not be the best solution for me.

I just discovered the table does not resize in each breakpoint.

[crispy68]

Have you tried placing it in a layout grid?

[BaconFries]

You should note that using HTML tables are not responsive and are really a old fashion way to display information . If you really need to use tables for your layout then I would think of using "Layout Grids" in there place as these are the modern alternative to tables.

[jeff11214]

You should note that using HTML tables are not responsive and are really a old fashion way to display information . If you really need to use tables for your layout then I would think of using "Layout Grids" in there place as these are the modern alternative to tables.

I'm testing Layout Grid right now.
I see it's responsive in each breakpoint.
I don't see a way to place a bookmark icon where needed.

[crispy68]

In looking at the example page you provided, using a layout grid with text boxes within would be a much better option than using tables. Tables can be used in a layout grid and be responsive, but I would make sure the tables are kept to basic tables.

Could you please provide some details on this, or point me in the right direction?

To make a text object with a link jump to another text object, you will need to select the text for the link, in the link properties set link to=External web address and for the URL type #wb_Text2 (where Text2 is the ID of your text object you are using as the bookmark - change it to match your text object).

[crispy68]

I don't see a way to place a bookmark icon where needed.

Without seeing your layout and where you are trying to place the bookmark, it is hard to comment. Providing a simple demo project with an explanation might help.

[jeff11214]

Thank you for your help!

I used your suggestion to use Layout Grid with table and it's working as expected.

[jPaul]

HiYAH NasaControl05,

I've been beating this same dog for some time. I would have thought it would be a fairly easy thing to approach with WYSIWYG, but I seem to be wrong about that.
There is a sub-forum here, where folks are encouraged to share templates but I have never seen even one template to study.
I brought up the same kind of question in this forum today. Sadly, I was pointed to the same tutorials that I've been struggling with for some time. Usually, "PABLO" is super helpful with this sort of thing.

One solution was to write the HTML and CSS styles in a separate editor and then just dump the whole mess into the HTML object provided by the WYSIWYG toolbox. That approach was pretty cumbersome when I wanted to change any parts of the text though.

I did find another solution though, feel free to download it to study. You'll probably have some interesting additions to the approach. If so, lemme know.

https://www.dropbox.com/scl/fi/jd6cwdb7 ... i2g8&raw=1

[BaconFries]

@jPaul note that the post is over 4yrs old and the original poster NasaControl05 was Last active:Tue May 24, 2022 4:49 am so he probably may not read or answer...but thanks

[Pablo]

Usually, "PABLO" is super helpful with this sort of thing.

I did answer your question, but it might take a little longer at times—especially since I do need to sleep occasionally.

There is a sub-forum here, where folks are encouraged to share templates but I have never seen even one template to study.

There are hundreds of templates available.
Many of these templates use bookmarks in different ways.

[jPaul]

Hi Pablo,

Where are those hundreds of user-shared templates you talk about?

Sleep? I've heard of that. My widow does a lot of it.
(ha ha)

[BaconFries]

The following template Band uses scrollspy from How to use Affix and ScrollSpy? (See Demo) which inturn works with Links inconjunctions with bookmarks

Where are those hundreds of user-shared templates you talk about

By Pablo
All Templates

Third Party Templates
https://webbuildertemplates.com/
https://store.dapsonishmeal.com/
https://lucknowwebs.com/downloads/templ ... templates/
https://www.webbuilderfx.com/wysiwyg-we ... -templates
https://shop.grahamscomputers.net/webshop.html
https://antonydesigns.net/
All questions related to "Third Party" should be made to the relevant developers of said "Templates"