How to add scroll bar to context menu ckeditor

Question

I am adding items in context menu. When too many items get added it comes on ckeditor. So i want to have scroll bar for context menu.

editor.addMenuItem(suggestionBoxItem,
                                        {
                                            id: Id,
                                            label: menuLabel,
                                            group: 'suggestionBoxGroup',
                                            icon: null,
                                            onClick: function () {
                                                editor.setData('');
                                                editor.insertHtml(this.labelText);
                                            },
                                        });

have you found solution to this problem? – carpenter Aug 25 '16 at 13:12 — carpenter, Aug 25 '16 at 13:12
I did it with overriding ckeditor css. – Hemant Malpote Aug 31 '16 at 06:08 — Hemant Malpote, Aug 31 '16 at 06:08

score 0 · Answer 1 · answered Sep 01 '16 at 08:54

You have to customize ckeditor CSS. In your ckeditor/skins/SKIN_NAME folder you have to find following properties in corresponding *.css file (in my case it was editor.css and override them.

.cke_panel {
    height: YOUR_DEFAULT_HEIGHT;
    max-height: MAX_HEIGHT;
}

.cke_menu_panel {
    overflow-y: auto;
}

Where height is your default height when context menu is loading and no overflow is present. And max height is when scrolling in context menu is enabled.

How to add scroll bar to context menu ckeditor

1 Answers1