RowEditor Pencil not visible in IE 11

Posts: 1
Joined: 04 Mar 2016, 12:22

22 Jun 2016, 17:56


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!

Posts: 4075
Joined: 29 Jun 2013, 12:38

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;


Return to “Titan”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest