TinyMCE table borders not showing up in editor

[Alpdog14]

I have been using CMSMS for a while and I was wondering how to get the table borders to show up in my editors, the table gets inserted be even if I put a border in black it does not show.

[gdur]

Have had the same issue with this. Got them visible at last but forgot how. I got there however, if you go to Extensions -> TiniMCE you will find a wealth of settings possibilities and even possibilities to personalise your toolbar etc. I think one of the plugin options is responsible for showing or not showing the tables. Please have a play around with all these features to learn what they might bring for you.

[fredp]

You may find this post helpful, as well...
    http://forum.cmsmadesimple.org/index.php/topic,38205.msg187148.html#msg187148


Fred P.

[Alpdog14]

I have looked in the TinyMCE module settings but cannot find anything in there to show tables, I even added the stylesheet code mentioned from the link:

Code: Select all

.mceItemTable {
/* begin experiment */
  border-collapse: separate;
  empty-cells: show;
  border-spacing: 1px;
  padding: 1px;
}
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {
  border: 1px double #ff0;
  min-width: 0.75em;
}
.mceItemTable, .mceItemTable caption, .mceItemVisualAid {
  border: 1px dashed #888;
}
.mceItemTable th {
  border: 1px double #eee;
/* end experiment */
}

But still nothing shows for a border, please any further help would be most appreciated.

[RonnyK]

If you use the default templates, you should check the stylesheets, as the "cleanblueutils" f.e. sets them to NONE by default.

Ronny

[Alpdog14]

RonnyK, thanks for the further help, I have two themes in my default installation which are default and NCleanGrey which I found in my mysitename.com/admin/themes I looked at both style.css associated to get theme but the only table refernce I see in the css is:

Code: Select all

table.pagetable  {
   font-size: 1em;
   margin-bottom: 5px;
   border: solid 1px #c6c3bd;
   width: 97%;
     /* sugest - #241*/
   border-spacing:0px;
     /* end*/
   }

which to me looks like it should have a solid 1px border. Is this the tag I should be changing or am I suppose to be looking at a different file altogether?

[Alpdog14]

Ok I think I figure it out, after you add the:

Code: Select all

.mceItemTable {
/* begin experiment */
  border-collapse: separate;
  empty-cells: show;
  border-spacing: 1px;
  padding: 1px;
}
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {
  border: 1px double #ff0;
  min-width: 0.75em;
}
.mceItemTable, .mceItemTable caption, .mceItemVisualAid {
  border: 1px dashed #888;
}
.mceItemTable th {
  border: 1px double #eee;
/* end experiment */
}

To Advanced tab: Additions to stylesheet text box...

You have to check the checkbox above (Load stylesheet for content (recommended)) so its off, then the styles will be applied.

[RonnyK]

I wasnt talking about files, where you should look in. When you use NCleanGrey, then on the CSS-link of the template, under layout->templates, you will see the attached stylesheets. The one called 'ncleanblueutils' has th,tr,td etc inside, which could be taken out to have the tables showing....

Ronny