[Resolved] Resize Loop Editor

[Author]

Posts

[Ben]

Is there any way to resize the Loop Editor in Views?

I often find it quite small and not big enough to display all the data I need to see without scrolling up and down all the time. I think the option to be able to have it bigger, especially when working on a bigger screen, would be very helpful.

[Waqar]

Hi Ben,

Thank you for waiting.

To add some min-height value to the code editor, in the view's "Loop Editor" section, you can include the following CSS code in the admin area:

body.toolset_page_views-editor .layout-html-editor > .CodeMirror {
	min-height: 900px;
}

Notes:

1. Feel free to adjust the value "900" as needed.

2. To include the custom CSS code in the admin area, you can either use PHP code or a third-party plugin:
hidden link
https://wordpress.org/plugins/css-injector/ (plugin)

3. To target other HTML elements through custom CSS code, you can use Google's inspect element tool, as explained in the following guide:
hidden link

I hope this helps!

regards,
Waqar

[Ben]

Not a problem at all.

Thank you very much for your solution Waqar. It works perfectly.

[Ben]

I have been updated from Juan reference this and the ability to do this already exists.

In Toolset Settings, General tab, under the heading 'Text editors options' simply check the 'Autoresize' box and the editors will grow with content.