Create a class for <a> in relationship tables?

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
KChew
Propeller Head
Posts: 16
Joined: Mon Apr 12, 2010 8:56 am

Create a class for <a> in relationship tables?

Post by KChew »

After searching through the forums it seems a couple of people have asked whether it is possible to modify the behavior/appearance of the links in relationship tables, but not received an answer. So I am asking again here. :)

Specifically with regards to online output: Is there a way to modify the pseudoclasses for the hyperlinks in reltables without modifying the base <a> style? I guess what I would need to know is, is there a specific class name, analagous to .dropspot, .expandspot, .popup etc. which Flare expects with regards to reltable hyperlinks and which I could therefore add to the CSS?

Kevin
Msquared
Propellus Maximus
Posts: 848
Joined: Mon Aug 06, 2012 10:19 am
Location: Southampton, UK

Re: Create a class for <a> in relationship tables?

Post by Msquared »

Here's mine. RelatedInfo and RelatedConcepts are what I called my columns in the relationship table. The default names of Tasks, Reference etc didn't really work for the navigation links I wanted (although of course, they work very well as topic types). Shout if you need me to explain anything and I'll try to remember why I did what I did.

Code: Select all

{
         
    MadCap|relationshipsProxy
    {
          font-size: 10pt;
    } 
          
    MadCap|relationshipsHeading
    { 
      mc-label: "Default Heading - should not appear!";
      padding-left: 0pt;
      mc-hyphenate: never;
      /* color: #E0690A;  */
      font-weight: bold;
      font-style: normal;
      font-variant: normal;
      margin-right: 0cm;
      margin-bottom: 0cm;
      margin-left: 0pt;
      font-family: Verdana, Arial, Helvitica, Sans-serif;
      font-size: 10pt;
    }
    
    MadCap|relationshipsHeading.concept
    { 
      mc-label: "Concepts";
      font-size: 10pt;
    }
    
        MadCap|relationshipsHeading.RelatedInfo
    { 
      mc-label: "Related Information";
      font-size: 10pt;
    }  
    
    MadCap|relationshipsHeading.RelatedConcepts
    { 
      mc-label: "See Also";
      font-size: 10pt;
    }
          
    MadCap|relationshipsItem
    { 
      font-family: Verdana, Arial, Helvitica, Sans-serif;
      font-size: 10pt;
      margin-left: 25pt;
      margin-top: 6pt;
      margin-bottom: 0pt;
      color: #000000;
      line-height: 12pt;
    }
Marjorie

My goal in life is to be as good a person as my dogs already think I am.
KChew
Propeller Head
Posts: 16
Joined: Mon Apr 12, 2010 8:56 am

Re: Create a class for <a> in relationship tables?

Post by KChew »

Hi msquared. Actually, I was referring to the behavior and appearance of the individual hyperlinks in the reltable, not to the headings within the reltable. Unfortunately, the hyperlink-related properties are not exposed in MadCap|relationshipsItem. But thanks for your input!
NorthEast
Master Propellus Maximus
Posts: 6426
Joined: Mon Mar 05, 2007 8:33 am

Re: Create a class for <a> in relationship tables?

Post by NorthEast »

To find out the styles used in the output, I'd suggest looking at the output file in text mode, or inspect it using a tool like Firebug for FireFox.

Once you've found the container tag for the relationship group heading, use CSS to set the styles for links within that container; e.g.

Code: Select all

.YourRelTableHeading a:hover { color: red; }
Msquared
Propellus Maximus
Posts: 848
Joined: Mon Aug 06, 2012 10:19 am
Location: Southampton, UK

Re: Create a class for <a> in relationship tables?

Post by Msquared »

This may still not be what you need, but today I have been doing Glossaries, and I now know what the hyperlink related properties are for glossaries links in topics. The implementation for reltablelinks may be similar . . .

The glossary links are MadCap|glossaryTerm.Expanding, MadCap|glossaryTerm.Hyperlink, MadCap|glossaryTerm.Popup, depending on whether you wahave set your glossary entry to expand, pop-up or be a hyperlink.

Then you can set, for example, MadCap|glossaryTerm.Popup:hover or MadCap|glossaryTerm.Popup:focus.

So perhaps you could try MadCap|relationshipsItem.Hyperlink:focus etc?

Sorry if this isn't what you want either . . .
Marjorie

My goal in life is to be as good a person as my dogs already think I am.
KChew
Propeller Head
Posts: 16
Joined: Mon Apr 12, 2010 8:56 am

Re: Create a class for <a> in relationship tables?

Post by KChew »

Dave Lee wrote:To find out the styles used in the output, I'd suggest looking at the output file in text mode, or inspect it using a tool like Firebug for FireFox.

Once you've found the container tag for the relationship group heading, use CSS to set the styles for links within that container; e.g.

Code: Select all

.YourRelTableHeading a:hover { color: red; }
Dave: That worked perfectly. Thanks for the solution.
Emily-zhong
Jr. Propeller Head
Posts: 4
Joined: Fri Nov 03, 2017 1:31 am

Re: Create a class for <a> in relationship tables?

Post by Emily-zhong »

hi,do you know how to delete the page numbers in the relationship table? :P
Post Reply