Page 1 of 1

Text editor CSS bug

Posted: 11 Apr 2018, 16:45
by simeon@picksmart
Hi,

The CSS formatting in the text editor's header is not correct, see the following screenshot:
https://www.dropbox.com/s/ynp3uy4o0oj8i ... g.PNG?dl=0 or
Image

Re: Text editor CSS bug

Posted: 12 Apr 2018, 13:32
by kubrasulukan
We'll check and get back to you.

Regards

Re: Text editor CSS bug

Posted: 16 Apr 2018, 09:29
by kubrasulukan
Hi,
I didn't see any bug. But there are two editors http://primefaces.org/showcase/ui/input/editor.xhtml and http://primefaces.org/showcase/ui/input ... itor.xhtml
I used second one

Code: Select all

 <p:textEditor height="300" style="margin-bottom:10px"/>
and it looks fine also first one too.

Regards

Re: Text editor CSS bug

Posted: 16 Apr 2018, 10:57
by simeon@picksmart
I appreciate your follow up.

We are also using the second editor as shown in the screenshot.

Do you have any idea why there is a line splitting the editor's icons or how we would be able to remove it?

Kind regards

Re: Text editor CSS bug

Posted: 16 Apr 2018, 12:38
by kubrasulukan
I tried second one too and it looks fine in Barcelona. But if you wrote any css codes for editor, you can check them may be rewrite to find this bug. If it still won't work you can send me your codes and I can say a specific solution.

Re: Text editor CSS bug

Posted: 19 Apr 2018, 15:29
by mafaul
This issue occurs if you have the old <p:editor /> on the same page. The old editor's css gets applied to the new <p:textEditor /> and the it looks messed up.

This line in particular:
.ui-editor-toolbar {
background: url(/barcelona-1.0.3/javax.faces.resource/editor/images/toolbar.gif.xhtml?ln=primefaces&v=6.2) repeat;
}

Re: Text editor CSS bug

Posted: 20 Apr 2018, 08:27
by aragorn
Thanks a lot for the info. We'll check and get back to you.

Re: Text editor CSS bug

Posted: 24 Apr 2018, 09:13
by aragorn
@mafaul, good catch!

I'll fix it in 6.2.4 and 6.3 version. For now, you can use ;

Code: Select all

.ui-texteditor .ui-editor-toolbar {
        background: none;
 }
 
 //xhtml
 <p:textEditor height="300" styleClass="ui-texteditor"/>

Re: Text editor CSS bug

Posted: 24 Apr 2018, 09:28
by aragorn
Fixed now on 6.2.3 and 6.3.