blog documentation FAQ followers forum marketplace services youtube

Unwanted HTML gap/space

The Jamroom Network » Forum » Using Jamroom » Page » Unwanted HTML gap/space
michaelcawood
@michaelcawood
9 years ago
77 posts
I'm using the site creator to make a simple credits page and it's leaving a huge space above the credits that I don't want. It's simply a table inside an HTML widget. Does anyone know why it's leaving this big space at the top of the widget?

http://animatedfilmmakers.com/devilsangelsanddating/credits
updated by @michaelcawood: 12/22/16 11:55:59AM
paul
@paul
9 years ago
4,326 posts
There must be some html that has been pasted in that is causing that. If you want to send your admin login to support[at]jamroom[dot]net I can take a look for you.


--
Paul Asher - JR Developer and System Import Specialist
paul
@paul
9 years ago
4,326 posts
Table html looks ok. It would be quicker and easier to sort this if I could take a quick look at what you are doing in SiteBuilder so please email me the admin login at support [at] jamroom [dot] net
Thanks


--
Paul Asher - JR Developer and System Import Specialist
douglas
@douglas
9 years ago
2,790 posts
I see the same, the issue is a line break is added for each table tag after saving.

So if there are total of 8 table tags, then 8 line breaks are added.

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>



--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
michaelcawood
@michaelcawood
9 years ago
77 posts
I just found the same thing. For every row of a table there's an extra line break added to the top of the HTML entry. But it's not something I can fix. It seems to be a bug with the way tables are handled in Jamroom.
brian
@brian
9 years ago
10,148 posts
michaelcawood:
I just found the same thing. For every row of a table there's an extra line break added to the top of the HTML entry. But it's not something I can fix. It seems to be a bug with the way tables are handled in Jamroom.

It looks like TinyMCE is adding breaks after the opening and closing table row tags - very weird. We have other code in place to "clean up" TinyMCE output from in Jamroom, so we can check this out.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
brian
@brian
9 years ago
10,148 posts
Looking closer at this, these breaks must be part of the "pasting" process - JR is not adding them in. I just pasted this table:

<table>
<tr>
<td>One</td>
<td>Tow</td>
</tr>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
</table>

And here's the output it produced:

<div id="widget_id-189" data-id="189" class="sb-widget-content">
<div class="widget-item widget-item-widget_html">
<div class="item">
<table><tbody>
<tr>
<td>One</td>
<td>Tow</td>
</tr>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
</tbody></table>
</div>
</div>
</div>

So the extra line breaks are part of what you are pasting in. I assume you are clicking on the "code" button in the editor and pasting in your HTML? If you are trying to paste HTML directly into the editor (not using the code button) then it's not going to work correctly.

Let me know if that helps.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
michaelcawood
@michaelcawood
9 years ago
77 posts
Sorry but no. I was pasting originally. But I eliminated that by creating a new widget and building the table with just the tools in the widget. Nothing but a table... no other content. Three rows... and it made a result roughly 6 high (maybe more).
brian
@brian
9 years ago
10,148 posts
michaelcawood:
Sorry but no. I was pasting originally. But I eliminated that by creating a new widget and building the table with just the tools in the widget. Nothing but a table... no other content. Three rows... and it made a result roughly 6 high (maybe more).

Please post you what you have entered - I have tested this the same here (table into widget HTML container) and am seeing no issues.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
derrickhand300
@derrickhand300
9 years ago
1,353 posts
The solution is to copy the code from the tinymce editor and paste it into the template editor-I have always had this problem with tables in tinymce...paste it in the template editor and it will display properly
michaelcawood
@michaelcawood
9 years ago
77 posts
This code makes this (top test widget)

http://animatedfilmmakers.com/devilsangelsanddating/credits

<table>
<tbody>
<tr>
<td>1</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>4</td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
brian
@brian
9 years ago
10,148 posts
This is what I get pasting in what you have posted (see screenshot). I've made some small tweaks in the HTML "cleanup" code that I'm hoping will help out any stray newline/return characters, because that can be dependent on the OS and browser used. We'll have the new beta core out tomorrow, so let's see if it helps you.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
updated by @brian: 12/06/15 08:45:09AM
michaelcawood
@michaelcawood
9 years ago
77 posts
I wonder if it's related to the theme? I'm using The Ning theme.
derrickhand300
@derrickhand300
9 years ago
1,353 posts
here is the same code pasted in the template section of the editor
http://sayreeagles.net/test/
brian
@brian
9 years ago
10,148 posts
Update to the latest Jamroom Core 5.3.0b8 and let me know if that helps at all - if not, there's something specific going on on your site that we'll need to check out.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Tags