Extra whitespace below View

This thread is resolved. Here is a description of the problem and solution.

Problem:

Remove white empty spaces and line breaks from the "Loop Editor".

Solution:

White space in JS codes won't be display in front-end, there should be some broken HTML div tags, I suggest you try to debug it manually, for example:

https://toolset.com/forums/topic/extra-whitespace-below-view/#post-1788477

Relevant Documentation:

This support ticket is created 4 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Views, Views plugin

This topic contains 3 replies, has 2 voices.

Last updated by mikeS-30 4 years, 8 months ago.

Assisted by: Luo Yang.

Author

Posts

September 23, 2020 at 3:07 pm #1787785

mikeS-30

I would like to remove some extra whitespace below a View but can't seem to remove it.

September 23, 2020 at 6:59 pm #1788027

mikeS-30

To elaborate, I am trying to plot user custom fields using chart.js. I have the chart.js built out in a content template and then display the content template using a view. I've used the documentation below to make sure I've eliminated empty spaces and line breaks from the "Loop Editor" that would cause this white space including removing [wpv-filter-meta-html] from the "Output Editor".

Documentation:
https://toolset.com/forums/topic/raw-view-output-has-a-ton-of-white-space-around-the-field/

If I remove the <script> tags so it just shows the raw code, it looks like the view is showing the raw code over and over causing the space but only one chart is being displayed.

September 24, 2020 at 7:15 am #1788477

Luo Yang

Hello,

White space in JS codes won't be display in front-end.

I have checked the URL you mentioned above:
hidden link

There are lots of blank block and empty in above page, which whitespace do you want to remove?

And there should be some broken HTML div tags in above page, see my screenshot broken-div.JPG, the "col-md-12" div tag is wrapped by another "col-md-12" div tag

I suggest you try to debug it manually, for example, in "Loop Editor" editor, remove the content template shortcode [wpv-post-body] check if it works.

September 28, 2020 at 12:13 pm #1792931

mikeS-30

My issue is resolved now. Thank you! I previously had a content template used in a view that would only display custom user fields based on the user that is logged in and viewing that view. Instead of using the view, I added the content template using a shortcode directly to the page instead of through a view. Thanks!