Text editor CSS bug

Post Reply
simeon@picksmart
Posts: 2
Joined: 11 Apr 2018, 16:29

11 Apr 2018, 16:45

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

kubrasulukan
Posts: 87
Joined: 10 Jan 2018, 16:04

12 Apr 2018, 13:32

We'll check and get back to you.

Regards

kubrasulukan
Posts: 87
Joined: 10 Jan 2018, 16:04

16 Apr 2018, 09:29

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

simeon@picksmart
Posts: 2
Joined: 11 Apr 2018, 16:29

16 Apr 2018, 10:57

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

kubrasulukan
Posts: 87
Joined: 10 Jan 2018, 16:04

16 Apr 2018, 12:38

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.

mafaul
Posts: 4
Joined: 12 Jan 2015, 07:24

19 Apr 2018, 15:29

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;
}

User avatar
aragorn
Posts: 3164
Joined: 29 Jun 2013, 12:38

20 Apr 2018, 08:27

Thanks a lot for the info. We'll check and get back to you.

User avatar
aragorn
Posts: 3164
Joined: 29 Jun 2013, 12:38

24 Apr 2018, 09:13

@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"/>

User avatar
aragorn
Posts: 3164
Joined: 29 Jun 2013, 12:38

24 Apr 2018, 09:28

Fixed now on 6.2.3 and 6.3.

Post Reply

Return to “Barcelona - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest