+- Atozed Forums (https://www.atozed.com/forums)
+-- Forum: Atozed Software Products (https://www.atozed.com/forums/forum-1.html)
+--- Forum: IntraWeb (https://www.atozed.com/forums/forum-3.html)
+---- Forum: English (https://www.atozed.com/forums/forum-16.html)
+----- Forum: IntraWeb General Discussion (https://www.atozed.com/forums/forum-4.html)
+----- Thread: TIWLink not disabled (/thread-1229.html)
TIWLink not disabled - matija - 09-10-2019
I have TIWLink (hyperlink) which over time enabled/disabled.
Why at disabled not change format (gray) as other component ?
Can i solve this in HTML template or JS?
RE: TIWLink not disabled - kudzu - 09-10-2019
Links are anchors, and HTML treats them a little inconsistently. See here:
https://stackoverflow.com/questions/13955667/disabled-href-tag
RE: TIWLink not disabled - matija - 09-09-2022
(09-10-2019, 01:17 PM)kudzu Wrote: Links are anchors, and HTML treats them a little inconsistently. See here:
https://stackoverflow.com/questions/13955667/disabled-href-tag
Switch (enabled/disabled) to styling my IWLink with property CSS.
MyLink.css:='isEnabled'; / MyLink.css:='isDisabled';
MyLink.Enabled:=true; / MyLink.Enabled:=false;
css:
.isDisabled {
color: lightgray;
cursor: not-allowed;
text-decoration: none;
}
.isDisabled a:link {
color: lightgray;
cursor: not-allowed;
text-decoration: none;
}
.isDisabled a:hover {
color: lightgray;
cursor: not-allowed;
text-decoration: none;
}
.isDisabled a:visited {
color: lightgray;
cursor: not-allowed;
text-decoration: none;
}
.isDisabled a:active {
color: lightgray;
cursor: not-allowed;
text-decoration: none;
}
.isEnabled {
color:blue;
cursor: pointer;
text-decoration: none;
}
.isEnabled a:link {
color. blue;
cursor: pointer;
text-decoration: none;
}
.isEnabled a:hover {
color:blue;
cursor: pointer;
text-decoration: underline;
}
.isEnabled a:visited {
color:blue;
cursor: pointer;
text-decoration: none;
}
.isEnabled a:active {
color:blue;
cursor: pointer;
text-decoration: none;
}
Not switch? I forgot which one property in IWLink?