Page 1 of 1

Help BookMarks

Posted: Thu Jan 09, 2020 9:29 pm
by 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

Re: Help BookMarks

Posted: Thu Jan 09, 2020 10:51 pm
by 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 !!

Re: Help BookMarks

Posted: Fri Jan 10, 2020 7:19 am
by Pablo
To learn more about bookmarks, see this related FAQ:
https://wysiwygwebbuilder.com/links.html

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

Re: Help BookMarks

Posted: Fri Jan 10, 2020 2:34 pm
by NasaControl05
PERFECT!!!!! that did the trick!!!! thanks!!!

Re: Help BookMarks

Posted: Thu Dec 12, 2024 8:43 pm
by 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?

Re: Help BookMarks

Posted: Thu Dec 12, 2024 8:57 pm
by crispy68
Have you tried setting the link to bookmark to the text object using its ID?

Re: Help BookMarks

Posted: Thu Dec 12, 2024 9:02 pm
by jeff11214
crispy68 wrote: Thu Dec 12, 2024 8:57 pm 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?

Re: Help BookMarks

Posted: Thu Dec 12, 2024 9:23 pm
by BaconFries
See the following Linking your pages together reading from "Bookmarks (Jump to another part of the page)"

Re: Help BookMarks

Posted: Thu Dec 12, 2024 9:38 pm
by jeff11214
BaconFries wrote: Thu Dec 12, 2024 9:23 pm 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.

Re: Help BookMarks

Posted: Thu Dec 12, 2024 10:03 pm
by jeff11214
This may not be the best solution for me.

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

Re: Help BookMarks

Posted: Thu Dec 12, 2024 10:09 pm
by crispy68
Have you tried placing it in a layout grid?

Re: Help BookMarks

Posted: Thu Dec 12, 2024 10:14 pm
by 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.

Re: Help BookMarks

Posted: Thu Dec 12, 2024 10:28 pm
by jeff11214
BaconFries wrote: Thu Dec 12, 2024 10:14 pm 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.

Re: Help BookMarks

Posted: Thu Dec 12, 2024 10:30 pm
by 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).

Re: Help BookMarks

Posted: Thu Dec 12, 2024 10:31 pm
by 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.

Re: Help BookMarks

Posted: Fri Dec 13, 2024 12:52 am
by jeff11214
Thank you for your help!

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

Re: Help BookMarks

Posted: Fri Dec 13, 2024 1:17 am
by 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

Re: Help BookMarks

Posted: Fri Dec 13, 2024 2:47 am
by 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

Re: Help BookMarks

Posted: Fri Dec 13, 2024 7:08 am
by 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.

Re: Help BookMarks

Posted: Sun Dec 15, 2024 9:07 pm
by 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)

Re: Help BookMarks

Posted: Sun Dec 15, 2024 9:51 pm
by 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"