Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular

    REMINDER

    Please be respectful of all AppDragers! Keep it really civil so that we can make the AppDrag community of builders as embracing, positive and inspiring as possible.

    More anchor link in 1 text block

    Cloud CMS (Pagebuilder, Blog, Shop, Newsletters, Code Editor)
    4
    9
    561
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • N
      Neil Ambikar last edited by

      Hi, I'd like to add 2 anchor links to the same text block. If I select the text it doesn't show my anchors. it only shows if I want to link the whole text block. Can you please help me with that? I want o link the text 'Personal bank account' to the personal part and 'business bank account' to the business part 676f832b-6219-4bb8-921d-644f9d7f0e2e-image.png

      1 Reply Last reply Reply Quote 0
      • Wassim
        Wassim last edited by

        Hi,
        Well you can use manual links when you select those portion of texts. It would be something like that:
        ./yourpage.html?anchor=youranchorname

        1 Reply Last reply Reply Quote 0
        • N
          Neil Ambikar last edited by

          I have the anchor in my page I just can't link it to a specific part of the text.

          1 Reply Last reply Reply Quote 0
          • Wassim
            Wassim last edited by

            You can link to yourcurrentpage.html?anchor=myanchor

            1 Reply Last reply Reply Quote 0
            • Daniel Mulroy
              Daniel Mulroy last edited by

              Hi Neil!

              I've made a GIF that may be what you're looking for:
              Linking to Anchors

              1 Reply Last reply Reply Quote 1
              • N
                Neil Ambikar last edited by

                Hi, yes, I've found this but it doesn't show my anchors on the page. It says the same as for you on the empty page: no anchors found in the document. Is it not working correctly?

                1 Reply Last reply Reply Quote 0
                • Wassim
                  Wassim last edited by

                  There are two things, the solution I provided which relies on AppDrag anchors subsystem and Daniel solution which is based on web browser anchor that relies on ID isn't supported.

                  1 Reply Last reply Reply Quote 0
                  • Christopher Rodriguez
                    Christopher Rodriguez last edited by

                    I am having the same issue and question. Did anyone figure out how to add an anchor link to words inside of a sentence or paragraphs? The answers given are not answering the original question. Yes, I can add a manual anchor but it will not act the same because it will direct to the link and what I am looking for is for a scroll up/down to the anchor section without loading a new page to direct to the anchor section.

                    1 Reply Last reply Reply Quote 0
                    • Wassim
                      Wassim last edited by

                      @Christopher-Rodriguez said in More anchor link in 1 text block:

                      I am having the same issue and question. Did anyone figure out how to add an anchor link to words inside of a sentence or paragraphs? The answers given are not answering the original question. Yes, I can add a manual anchor but it will not act the same because it will direct to the link and what I am looking for is for a scroll up/down to the anchor section without loading a new page to direct to the anchor section.

                      Well I can show you a solution with code :
                      1 - Open code edition on your text paragraph and wrap and set an id to the part you want to be clickable

                      bb21af25-1398-403c-bc97-c7999e9bcf47-image.png
                      2 - Define an anchor to your target section

                      27d3d743-6f75-43a4-8c59-6e72e6b14250-image.png

                      3 - Drop a jQuery codeblock

                      6be36312-d7a8-418d-a3ec-9ffb1e37394c-image.png

                      4 - Double click on it and write this code in the jQueryLoaded curly brackets
                      $("#myLink").click(function () {
                      goToAnchor("helloanchor");
                      });

                      83cbe1de-025a-4151-99f1-f0c5da2aca50-image.png

                      5 - Save & Preview, and voilĂ , it's working without page reload!

                      1 Reply Last reply Reply Quote 0
                      • First post
                        Last post