HTML editor fullscreen; how to get to normal view?

January 13, 2021, 01:44:47 PM

Hello all,
I just added an HTML editor to a textarea field. Works perfectly.
But how is the fullscreen button supposed to work?
If I click it the HTML editor will cover the whole page and the toolbar "disappears" (but I think the toolbar is _under_the fiixed topbar menu).
So, how can I restore it to normal size? or save my editing, at least...
TIA
tony

Re: HTML editor fullscreen; how to get to normal view?

Reply #1 – January 14, 2021, 11:26:36 AM

I just found the solution: edit the file assets\css\summernote.min.css (to make this change permanent I edited the same file under C:\Program Files (x86)\PHPRad Classic\Components\Bootstrap-4\systemframework\assets\css\)

replace the string:

Code: [Select]

.note-popover .popover-content,.note-toolbar{margin:0;padding:0 0 5px 5px}

to:

Code: [Select]

.note-popover .popover-content,.note-toolbar{margin:0;padding:0 0 5px 5px}.fullscreen .note-toolbar{margin:60px 0px 0px 0px;padding:0 0 5px 5px}

This way, you can see the HTML toolbar and toggle fullscreen mode.

Tony