4 Replies Latest reply on Apr 8, 2011 1:53 PM by breadmanorange

    Modifying the Mini TOC Placeholder

    breadmanorange

      I am on a mission to change the way the Mini TOC looks on our WebHelp pages. Maybe somebody out there has done this, or can help us understand the CSS classes better so we can attack the problem ourselves.

       

      First, we want the TOC to be inside a bordered box. Piece of cake. Peter Grainge's suggestion to throw it into a table cell works perfectly.

       

      Then, we want a graphic to the left of the caption. It won't be a white box with an X in it, but below shows the rough location. I've kinda sorta done this by adding a column to the left of the one that holds the MiniTOC, but the alignment isn't pretty, and it causes a conflict with our next goal.

       

      The next goal is to have a two-tone Mini TOC, as in the example below.

       

      Finally, we want to push the word "Show" or "Hide" flush right against the right margin of the cell while keeping the caption (in this case, "QuickLinks") to the left. I have been successful with adding a bunch of spaces after the caption, followed by the words "Click to" but it's not clean, and would require me to change the number of spaces manually on each page, depending on how long the links are.

       

      QuickLinkExample.jpg

       

      Has anybody hacked into their Mini TOC before to manipulate it similar to what we are looking for? We're having a rough time even editing the CSS styles to work the way we want, and are hoping there's a simpler way to attack the problem. Thanks.