Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
TIWLink not disabled
#1
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?
Reply
#2
Links are anchors, and HTML treats them a little inconsistently. See here:

https://stackoverflow.com/questions/1395...d-href-tag
Reply
#3
(09-10-2019, 01:17 PM)kudzu Wrote: Links are anchors, and HTML treats them a little inconsistently. See here:

https://stackoverflow.com/questions/1395...d-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?
Reply


Forum Jump:


Users browsing this thread: 2 Guest(s)