0

I have installed Ckeditor in my project Symphony CMF to allow editing the content of the pages inline. I have a toolbar in the top of the page with edit/save button to make changes. Everything works fine, except that this toolbar is hiding some of the page's content.

Is there a way to change its position or resize it to the top-right corner ?

Thank you

Nafaa Azaiez
  • 131
  • 1
  • 7

1 Answers1

0

what i did in a project with a similar issue is that i add a class to the when editing is enabled and have a css to add some extra margin to my header when the class is present.

dbu
  • 1,497
  • 9
  • 8
  • I was hoping i could change the position of the editing bar, but your solution can help, thank you – Nafaa Azaiez Mar 12 '15 at 09:22
  • Thank you again for your solution, it works, but now my header bar for which i gave some extra margin is hiding the notification i get from the ckeditor when i save the changes – Nafaa Azaiez Mar 13 '15 at 10:05
  • Its all "just" CSS. look at the html you see and change settings for .create-ui-toolbar-wrapper and .create-ui-logo in your custom css, then load that after the createjs css files. – dbu Mar 13 '15 at 10:25
  • It works fine now, I used the z-index to order elements display. Thank you – Nafaa Azaiez Mar 13 '15 at 10:37