Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 14, 2017 at 10:02 pm #747128
    BeeCee

    Hi,

    I’m using the “button” element from ALB and have not set there any link:

    … nevertheless, the button is “linked” (to the page/post, where it is used):

    What can I do, so that if I do not set any link within the button element of ALB, then the button in fact is not linked?
    Thanks.

    (my site is not yet live)

    February 19, 2017 at 4:26 pm #749004
    Mike

    Hey Chris,
    To add a button element in the Layout Builder without a link, use Set Manually from the drop down and place a “#” in the url field.

    Best regards,
    Mike

    February 19, 2017 at 11:40 pm #749093
    BeeCee

    Hi Mike,

    that does not work as you suggested, because adding just #
    when you then click at this button, the page jumps to the top.

    But I don’t want to have ANY link, no “jumping” to anywhere, when a user clicks on such a button:

    it should just be a button without any function, no link.

    February 20, 2017 at 12:05 am #749097
    Mike

    Hi,
    Ok, the solution I have found is to add css in the General Styling > Quick CSS field that will disable mouse events on the button. Unfortunately this can not target only one button. But you can limit it to all buttons on a page or post. Use this code in the General Styling > Quick CSS field:

    .postid-3243 .avia-button { pointer-events: none !important; }

    above targets buttons on post #3243, change this to your post number.
    below targets all buttons on a site.

    .avia-button { pointer-events: none !important; }

    Best regards,
    Mike

    • This reply was modified 7 years, 2 months ago by Mike.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.