ListOf proxy with cell borders on output

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
Stephani3
Propeller Head
Posts: 18
Joined: Tue May 08, 2012 5:57 am

ListOf proxy with cell borders on output

Post by Stephani3 »

When I generate my ListOf proxy locally and in html5, a cell border appears before and after the title (see image below). If I change my css default td style to border:none it eliminates the problem, but I have so many tables that I want to keep the td border.

My bad solution: assign different css stylesheet at a topic level. But these get overridden when I assign a stylesheet to a master page.

I can't seem to change this style from the MadCap proxy because the tables created on export.

:shock: Am I missing something? Could I control this with a div? Why is the ListOf proxy using my css if I can't control it?
You do not have the required permissions to view the files attached to this post.
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: ListOf proxy with cell borders on output

Post by NorthEast »

As a work-around, you could try opening the stylesheet in text mode, and adding this:

Code: Select all

table.GenListOfTableListOf td { border: none; }
That will switch off the border for td when used inside tables of class table.GenListOfTableListOf - which is the generated class for a List-of-Proxy.
Thomas Tregner
Propeller Head
Posts: 56
Joined: Mon Apr 05, 2010 6:51 pm
Location: Charleston
Contact:

Re: ListOf proxy with cell borders on output

Post by Thomas Tregner »

See Dave's reply above. I didn't see it before I posted.

My first recommendation is to rethink applying formatting to the base td tag in your stylesheet. Instead I would add a class to use for tables in your content and apply that class everywhere. However you can style the generated classes with your stylesheet. Since you are encountering a tag with no class, you have to look to a parent or a sibling with a tag. If you want to leave the border style on td, you can use a Descendant Combinator.

Open your stylesheet in a text editor and add this:

Code: Select all

table.GenListOfTableListOf  td
{
	border: none 0px;
}
This will appear in the Advanced view of the stylesheet in Flare:
DescendantCombinator.png
That should override the border.
You do not have the required permissions to view the files attached to this post.
Stephani3
Propeller Head
Posts: 18
Joined: Tue May 08, 2012 5:57 am

Re: ListOf proxy with cell borders on output

Post by Stephani3 »

That worked amazingly!
The link you posted is also very useful. I can apply this to other places in the project now. But you're right, I should probably reconsider setting a base td tag. I just have so many tables I was trying to avoid the extra code.
THANK YOU BOTH!
alsarg72
Propeller Head
Posts: 12
Joined: Tue Apr 03, 2018 10:50 pm

Re: ListOf proxy with cell borders on output

Post by alsarg72 »

Here is an alternative that preserves alignment with the TOC, since the empty td's with borders are using space on the left and right of the table of figures.

Code: Select all

    /*
        Flare adds td's before and after the real content of the ListOf
        table, they have borders that can be turned off, but making
        them not display at all allows a Table of Figures to be aligned
        the same as the Table of Contents. If it ever stops putting them
        in - they seem completely pointless - the real content of the
        Table of Figures will disappear and this rule will have to
        be removed to restore them. NOTE: it doesn't seem to support
        last-child or nth-last-child.
    */
    table.GenListOfTableTOF td:first-child,
    table.GenListOfTableTOF td:nth-child(4)
    {
        display: none;
    }
Post Reply