ThemeableButton op disabled zetten werkt niet bij optie link

Dit forum is bedoeld voor vragen met betrekking tot WYSIWYG Web Builder.
Post Reply
User avatar
Nanno
 
 
Posts: 137
Joined: Sun Oct 31, 2021 12:53 pm

ThemeableButton op disabled zetten werkt niet bij optie link

Post by Nanno »

Hoi Pablo,

Ik merk op dat de themabutton nog steeds actief is in mijn browser Firefox.
In onderstaande code zie je wel dat die geactiveerd staat, maar het werkt niet op deze manier. Nu heb ik de optie link gebruikt en niet de submit functie omdat ik mbv php een keuze maak wat de knop moet doen. Als ik deze php code geheel weg laat en alles vanuit wwb laat uitvoeren, werkt het ook niet. Is er een mogelijkheid dat ik dit toch kan laten werken dat de knop niet actief is?

Nanno

Code: Select all

<div class="col-2">
<div id="wb_ThemeableButton3">
<a class="ui-button ui-corner-all" id="ThemeableButton3" href="" disabled>Afronden niet mogelijk<span class="ui-button-icon-space"> </span><span class="ui-button-icon ui-icon ui-secondary"></span></a>
</div>
</div>
User avatar
Pablo
 
Posts: 22430
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: ThemeableButton op disabled zetten werkt niet bij optie link

Post by Pablo »

Je kunt een link niet disabled maken. Dit kan alleen met formulier controls (submit, normal and reset).
Zie ook de HTML specs.
User avatar
Nanno
 
 
Posts: 137
Joined: Sun Oct 31, 2021 12:53 pm

Re: ThemeableButton op disabled zetten werkt niet bij optie link

Post by Nanno »

Dat vermoeden had ik dus al. Jammer. Even iets anders zien te verzinnen.
Dank voor je reactie.
User avatar
Nanno
 
 
Posts: 137
Joined: Sun Oct 31, 2021 12:53 pm

Re: ThemeableButton op disabled zetten werkt niet bij optie link

Post by Nanno »

Pablo wrote: Tue Jun 13, 2023 5:58 pm Je kunt een link niet disabled maken. Dit kan alleen met formulier controls (submit, normal and reset).
Zie ook de HTML specs.
Pablo, ik heb de oplossing gevonden.

Even dit als extra binnen de a tag zetten: style= "pointer-events: none; cursor: default;"

<a href="" class="link" style= "pointer-events: none; cursor: default;">Tekst voor link</a>

Hiermee schakel je compleet de functie ervan uit.
Post Reply