• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to make a link unclickable

New Here ,
Aug 25, 2022 Aug 25, 2022

Copy link to clipboard

Copied

Hello I am trying to make a link unclickable on Dreamweaver. My customer requested that the link should not be clickable. I was wondering if anyone knew how to do that?

Thanks!!

Views

247

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 25, 2022 Aug 25, 2022

Copy link to clipboard

Copied

Then dont have a link just use plain text. I dont see the point in using a link if your client doesn't want a link.........or am l missing something?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 25, 2022 Aug 25, 2022

Copy link to clipboard

Copied

If it's not clickable it's not a link.  If you are talking about temporarily disabling something like a button or disabling it until a specific event/action takes place you can use the disabled attribute on a button to keep it in a disabled state until you activate it: https://www.w3schools.com/tags/att_button_disabled.asp .

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 25, 2022 Aug 25, 2022

Copy link to clipboard

Copied

You can remove a link a few different ways...

1. Highlight the link in Design or Live View, then delete the Link field in the Properties Window (hit Ctrl + F3 if the window isn't open).

2. You could also go into Code View and remove the <a href="your_link_here"> and </a> from around a text or image link.

If neither of those help, we're going to need more information about your code, what's happening, and how it differs from what you expect in order to help you further.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 25, 2022 Aug 25, 2022

Copy link to clipboard

Copied

To render it unclickable means removing the hyperlink, also known as the anchor tag.

<a href="https://example.com">Link</a>

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 25, 2022 Aug 25, 2022

Copy link to clipboard

Copied

Dreamweaver is just a glorified code editor.  Working with code is much quicker than panels.   But if you really want to use panels, use Ctrl + F3 to open Properties. 

Highlight linked object and remove link from Link field.  See screenshot.

image.png

 

 

 

 

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 28, 2022 Aug 28, 2022

Copy link to clipboard

Copied

LATEST

Firstly, as the others have pointed out - If there is no need for a link - remove the link. Simple as that.

 

- Outside of the logical action if for what ever reason the links is to remain but not clickable suggestions to remove the link to leave a blank anchor link or # are not good suggestions. People will click the link with nothing happening.

- Suggestions of a asp button - if it is a link - ignore this, incorect advice.

- While Javascript would work - WHY? too much effort.


To have something that is clickable but not and something that can be done for device screens (Media queries) and like you simpley do it in CSS.

 

.avoid-clicks { pointer-events: none; }

 

Add that class on an element and it can not be clicked. Use the CSS itself when ever and where ever you like  on media quries etc as mentioned or on Javascript events.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines