CKEditor Toolbar is missing the left and upper border

Search

Search in whole site Search Type here and hit enter...
Log In / Sign Up
Log in
1. Username * Your user name
2. Password * Password
Log in using social networks
- Facebook
- Twitter
- Google+
- Yahoo
Sign up
1. Username * User name
2. Your email * User email
3. Password
4. Confirm password

Wed, 05/30/2012 - 21:04

Hi All,

I am facing an issue with the left and upper borders are missing in CKEditor. When I searched in google, I got the below link
http://dev.ckeditor.com/ticket/3524

In the above link, it is mentioned that the below code can be used to get the left and upper border if we are using the office2003 skin but it is not working for me. I tried adding this in turn in toolbar.css, editor.css and mainui.css but i am not getting these borders. I also tried removing the 'td.' in 'td.cke_top' but still can't get it working.

Any help is appreciated.

.cke_skin_office2003 td.cke_top {
border-left-color: #696969;
border-top-color: #696969;
}

Thu, 05/31/2012 - 10:10

Permalink

sebstefanov

Re: CKEditor Toolbar is missing the left and upper border

I'm having a hard time understanding where the problem is because in the ticket the attached pics looks exactly how it looks when I use Office2003 in CKEditor. You mean it's not supposed to look like that? I personally use BootstrapCK-Skin. Much cleaner design. Maybe you should try using another skin, or modifying the existing ones. In a few months we'll have more skins to choose from with an easier way to install them, so people should get used to the idea of using user-made skins.

Attachments:

Attachment	Size
BootstrapCK-Skin	52.14 KB

Thu, 05/31/2012 - 16:20

Permalink

shashidhar

Re: CKEditor Toolbar is missing the left and upper border

Thanks for the reply Sebastian. Sorry for not being very clear in my post.
In my project, earlier they were using FCKEditor with office 2003 skin. It has the left and top borders displayed as shown in the attached screenshot with the title 'FCK Editor with office 2003 skin'.

Now, i am upgrading it to CKEditor with office 2003 skin but i am not seeing the left and top borders as shown in the screenshot with the title 'CK Editor with office 2003 skin'.I am trying to show these borders CKEditor to keep the same look and behavior.

Please let me know if I am missing something.

Attachments:

Attachment	Size
FCK Editor with office 2003 skin	48.95 KB
CK Editor with office 2003 skin	58.63 KB

Sat, 06/02/2012 - 00:24

Permalink

shashidhar

Re: CKEditor Toolbar is missing the left and upper border

I am able to get it working by editing the editor.css in skins/office2003.

border-top and border-left were set to white color. I changed the color for border-top and border-left for 'cke_skin_office2003 .cke_top' section in editor.css file and then the left and upper borders are displayed with the changed color.

Thank you.