Prime Community Forum

Posted: **22 Jun 2016, 17:56**

Hi,

i have a problem with the editable datatable in IE 11. The pencil of the roweditor is not visible. In Chrome and Firefox everything is fine. I think its a problem with the pseudo before.

Code: Select all

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
    content: "\f040";
}

The IE replace the content with content: normal. I tried a little bit, so it could work if i overwrite the RowEditorRenderer and delete the "ui-icon" classname. But is this really necessary?

Thanks in advance!

Posted: **23 Jun 2016, 16:18**

Please try with;

Code: Select all

.ui-datatable .ui-row-editor .ui-icon-pencil:before{
    content: "\f040";
}

.ui-datatable .ui-row-editor .ui-icon-pencil {
    font-family: FontAwesome;
    background-image: none !important;
    text-indent: 0px;
    background-repeat: no-repeat;
    display: block;
    overflow: visible;
    text-indent: 0px;
}

Prime Community Forum

RowEditor Pencil not visible in IE 11

RowEditor Pencil not visible in IE 11

Re: RowEditor Pencil not visible in IE 11