Atozed Forums

Full Version: TIWLink not disabled
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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?
Links are anchors, and HTML treats them a little inconsistently. See here:

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