You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Your session has expired. Please log in again.

The security token did not match. The request was cancelled to prevent any security breach. Please try again.

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#116002 tableborder in jce editor missing for top and bottom

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Friday, 02 February 2024 10:10 GMT

Nadjak
Hi,
we have the jce as editor and for new tables "table table-striped tabel-bordered" is added. So you can see in the editor the striped rows.
But for existing tables (whitch are included some time ago, before the classes were added automatically) we now have the problem, that in the editor the dotted border for the td top and bottom are missing. So it is hard to find the right cell.

I found the css:
.table-bordered > :not(caption) > * > *
{
border-width: 0 1px;
}

But if I change it in my custom.css it changes nothing.
Where can I change it, that in the editor the dotted lines for the rows are showing?

Attachments

Ryan
But for existing tables (whitch are included some time ago, before the classes were added automatically)


Please post a link to an article on your site that includes on of these tables.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Nadjak
The content is only for registered users. And the problem is only in the editor.
The code is like this:
<table class="table table-bordered">
<tbody>
<tr>
<th style="text-align: left;">monat</th>
<th style="text-align: left;">Termin</th>
<th style="text-align: left;">thema:</th>
<th style="text-align: left;">verantwortlich</th>
</tr>
<tr>
<td>Januar</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>feb</td>
<td>
<p>test</p>
</td>
<td>test</td>
<td>test</td>
</tr>
</tbody>
</table>

And the view in the editor you can see in the image.
I only want to have to dotted lines for boder-top and border-bottom in the editor. Everything else is fine.

Attachments

Nadjak
Has noone an idea?
Thanks
Nadja

Ryan
The content is only for registered users. And the problem is only in the editor.


Something in your template is overriding the table border style in the editor, which is why I need to see an article on your site, to see what css rule in your template is doing this.

Whatever this style is will most likely need to be modified or removed in order to return the border style in the editor, but if you can at least provide a link to any article on your site, I can verify this and devise a solution.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Nadjak
Thank you.
I am really sorry, but I cannot give you access to the site.
But I solved the problem. I added css to the template.css.
In the worst case an update will override it and I have to add it again.
Regards
Nadja

Ryan
But I solved the problem. I added css to the template.css.
In the worst case an update will override it and I have to add it again.


Depending on the template, you can add this to either a custom.css file or a user.css file and it will not be overwritten. JCE will also load this file into the editor.

Which template are you using?

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Nadjak
I tried the user.css but this does not work. In the template.css it is working.
Template is a handcoded one from the site developer.

Ryan
Ok, another option if the additions to the template.css file are for JCE only, is to create an editor.css file in the same location as the template.css file, and add the following:

@import url('template.css');

/* your table css styles here */
JCE will automatically load the editor.css file.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.