1987
Views
10
Comments
Solved
Anchor link
Question

Hi, i have a page where user need to scroll up and down.

I am thinking to have an anchor link in the page.Does anyone has idea how to do this?

I have try with SectionIndex, however it is not what i want.

Can someone help on this?

2020-02-28 09-46-54
Eduardo Jauch
Solution

Hi Johnson,

Here is an example on how to do it in OutSystems (using links). You can also do this using expressions with Escape Content set to NO and than typing HTML there.

But in this case, this will have an unexpected behaviour of putting the element of the TOP bellow the header, as the header is not part of the flow.

You have to take this into consideration when chosing wich element to go to.

Hope this can help you.

Cheers

TopBottomExample.oml
2018-05-02 13-47-19
D.

Can you be more specific. If I'm right, you want an anchor link to a particular selection of your screen?


UserImage.jpg
Johnson Lim

Hi D.,

Yes.i want to have anchor link "TOP" and "BOTTOM" which will direct to the top and bottom of the page when click.

2018-07-20 13-24-54
Fábio Oliveira

Hi Johnson.

Check this application https://www.outsystems.com/forge/component/357/essentials/

#1. AnchorLink  : Quickly add anchor links to a screen

Or https://www.outsystems.com/forge/component/799/back-to-top/

UserImage.jpg
Johnson Lim

Hi Fabio,

Thanks for the sahring for back to top.Do you have any sample on goto bottom?

2023-02-10 19-42-59
João Melo
 
MVP

Consider taking a look at how to do it with html tags directly. It's pretty easy.

https://www.rapidtables.com/web/html/link/html-anchor-link.html

UserImage.jpg
Johnson Lim

Hi Joao,

This is exactly i want to do..I am still very new to Outsystems.

Can you teach me how to put that html code in Outsystems?

2020-02-28 09-46-54
Eduardo Jauch
Solution

Hi Johnson,

Here is an example on how to do it in OutSystems (using links). You can also do this using expressions with Escape Content set to NO and than typing HTML there.

But in this case, this will have an unexpected behaviour of putting the element of the TOP bellow the header, as the header is not part of the flow.

You have to take this into consideration when chosing wich element to go to.

Hope this can help you.

Cheers

TopBottomExample.oml
UserImage.jpg
Johnson Lim

Hi Eduardo,

Thanks very much for the sample code !!!

2020-12-15 20-51-49
Josep Chaqués Ojeda

is it possible to put a link with an anchor between different web blocks?


Regards,

2014-10-21 20-15-17
Alberto Ferreira

Hello Josep

This is a very old post already solved. Consider start a new Post with your question. You can get better results!


Regards

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.