Delete closed day/Add closed day doesn't shows on Delegated Calendar on Internet Explorer 11
Hi
We have delegated calendars so end users could customize them as they please. QA Team has reported to Development that the Delete closed day and Add new closed day doesn't show its icon on Internet Explorer 11, but the Icons are shown normally on Firefox/Chrome.
I've done some test and the issue seems to be on the
iconDelete
CSS class which is applied to this couple of buttons.
Any suggestion/idea why this doesn't works? or somebody could please point me to some hotfix/bug report about this?
Thank you!
Pegasystems Inc.
US
Hi, thanks for providing the details! Could you provide couple more information as to the attributes values that you are seeing for "display", "opacity" when you inspect that iconDelete element in both IE11 and FireFox
Thanks!
Scotiabank
CO
On IE 11 it takes the display:block from
.gridTable a.iconDelete {
display: block;
}
Opacity is 0.7 from this CSS rule:
On IE 11 it takes the display:block from
.gridTable a.iconDelete {
display: block;
}
Opacity is 0.7 from this CSS rule:
.iconSave, .iconContents, .iconExplore, .iconAttachment, .iconImage, .iconDelete, .iconLookup, .iconInsert, .iconAppend, .iconInsertRow, .iconAppendRow, .iconAppendColumn, .iconExpandAll, .iconCollapseAll, .iconUpdate, .iconNewItem, .iconReopen, .iconLocation, .iconHistory, .iconClose, .iconCloseSmall, .iconSpellChecker, .iconSpellChecking, .iconDefault, .iconBlank, .iconCopy, .iconPrint, .iconTransfer, .iconOpenRule, .iconPDN, .iconUndelete, .iconRefresh, .iconNoShow, .iconRelationship, .iconCalendar, .iconAppendInside, .iconUpdate, .iconUpdate_disabled, .iconOpenRule_disabled, .iconDelete_disabled, .iconSave_on, .iconContents_on, .iconExplore_on, .iconAttachment_on, .iconImage_on, .iconDelete_on, .iconLookup_on, .iconCalendar_on, .iconInsert_on, .iconAppend_on, .iconInsertRow_on, .iconAppendRow_on, .iconAppendColumn_on, .iconExpandAll_on, .iconCollapseAll_on, .iconUpdate_on, .iconReopen_on, .iconLocation_on, .iconHistory_on, .iconClose_on, .iconCloseSmall_on, .iconSpellChecker_on, .iconSpellChecking_on, .iconDefault_on, .iconBlank_on, .iconCopy_on, .iconPrint_on, .iconTransfer_on, .iconOpenRule_on, .iconPDN_on, .iconUndelete_on, .iconRefresh_on, .iconNoShow_on, .iconRelationship_on, .iconAppendInside_on, .iconNewItem_on, .iconSave_disabled, .iconContents_disabled, .iconExplore_disabled, .iconAttachment_disabled, .iconImage_disabled, .iconLookup_disabled, .iconInsert_disabled, .iconAppend_disabled, .iconInsertRow_disabled, .iconAppendRow_disabled, .iconAppendColumn_disabled, .iconExpandAll_disabled, .iconCollapseAll_disabled, .iconReopen_disabled, .iconLocation_disabled, .iconHistory_disabled, .iconClose_disabled, .iconCloseSmall_disabled, .iconCopy_disabled, .iconDefault_disabled, .iconBlank_disabled, .iconSpellChecker_disabled, .iconSpellChecking_disabled, .iconPrint_disabled, .iconTransfer_disabled, .iconTools_disabled, .iconPDN_disabled, .iconUndelete_disabled, .iconNoShow_disabled, .iconRelationship_disabled, .iconRefresh_disabled, .iconNewItem_disabled, .iconCalendar_disabled, .iconAppendInside_disabled, .iconHelp, .iconHelp_on, .iconHelp_disabled, .yui-panel .container-close, .container-close, .iconReview, .iconReview_on, .iconReview_disabled, a.iconSave, a.iconInsert, a.iconDefault, a.iconBlank, a.iconAttachment, a.iconClose, a.iconContents, a.iconDelete, a.iconExpandAll, a.iconExplore, a.iconHistory, a.iconPrint, a.iconReopen, a.iconSpellChecker, a.iconUpdate, a.iconLocation {
background: transparent;
width: auto;
height: auto;
display: inline-block;
margin: 0;
vertical-align: middle;
opacity: 0.7;
transition: opacity 0.2s ease;
}
On Firefox display is the same as IE 11, Opacity is .70 from the CSS Rule:
.iconSave, .iconContents, .iconExplore, .iconAttachment, .iconImage, .iconDelete, .iconLookup, .iconInsert, .iconAppend, .iconInsertRow, .iconAppendRow, .iconAppendColumn, .iconExpandAll, .iconCollapseAll, .iconUpdate, .iconNewItem, .iconReopen, .iconLocation, .iconHistory, .iconClose, .iconCloseSmall, .iconSpellChecker, .iconSpellChecking, .iconDefault, .iconBlank, .iconCopy, .iconPrint, .iconTransfer, .iconOpenRule, .iconPDN, .iconUndelete, .iconRefresh, .iconNoShow, .iconRelationship, .iconCalendar, .iconAppendInside, .iconUpdate, .iconUpdate_disabled, .iconOpenRule_disabled, .iconDelete_disabled, .iconSave_on, .iconContents_on, .iconExplore_on, .iconAttachment_on, .iconImage_on, .iconDelete_on, .iconLookup_on, .iconCalendar_on, .iconInsert_on, .iconAppend_on, .iconInsertRow_on, .iconAppendRow_on, .iconAppendColumn_on, .iconExpandAll_on, .iconCollapseAll_on, .iconUpdate_on, .iconReopen_on, .iconLocation_on, .iconHistory_on, .iconClose_on, .iconCloseSmall_on, .iconSpellChecker_on, .iconSpellChecking_on, .iconDefault_on, .iconBlank_on, .iconCopy_on, .iconPrint_on, .iconTransfer_on, .iconOpenRule_on, .iconPDN_on, .iconUndelete_on, .iconRefresh_on, .iconNoShow_on, .iconRelationship_on, .iconAppendInside_on, .iconNewItem_on, .iconSave_disabled, .iconContents_disabled, .iconExplore_disabled, .iconAttachment_disabled, .iconImage_disabled, .iconLookup_disabled, .iconInsert_disabled, .iconAppend_disabled, .iconInsertRow_disabled, .iconAppendRow_disabled, .iconAppendColumn_disabled, .iconExpandAll_disabled, .iconCollapseAll_disabled, .iconReopen_disabled, .iconLocation_disabled, .iconHistory_disabled, .iconClose_disabled, .iconCloseSmall_disabled, .iconCopy_disabled, .iconDefault_disabled, .iconBlank_disabled, .iconSpellChecker_disabled, .iconSpellChecking_disabled, .iconPrint_disabled, .iconTransfer_disabled, .iconTools_disabled, .iconPDN_disabled, .iconUndelete_disabled, .iconNoShow_disabled, .iconRelationship_disabled, .iconRefresh_disabled, .iconNewItem_disabled, .iconCalendar_disabled, .iconAppendInside_disabled, .iconHelp, .iconHelp_on, .iconHelp_disabled, .yui-panel .container-close, .container-close, .iconReview, .iconReview_on, .iconReview_disabled, a.iconSave, a.iconInsert, a.iconDefault, a.iconBlank, a.iconAttachment, a.iconClose, a.iconContents, a.iconDelete, a.iconExpandAll, a.iconExplore, a.iconHistory, a.iconPrint, a.iconReopen, a.iconSpellChecker, a.iconUpdate, a.iconLocation {
background: transparent;
width: auto;
height: auto;
display: inline-block;
margin: 0;
vertical-align: middle;
opacity: .70;
transition: opacity 0.2s ease;
}
I think the issue comes from this CSS property :
background: url('../images/pzmainiconsprite_1290616460.png!!.png') no-repeat 0 0 transparent !important;
because on IE11 on Dev tools(F12) this setting of the property its shown strikedthrough(overrided by other CSS stylesheet), but when I uncheck that property and set the !important at the end of its current value a checkmark image its showed instead of the recycle bin icon(see attached image please)