HREF Field of a Detail Table not Showing Hyperlink

PHPMaker General Discussion (PHPMaker)
1

I have a master / detail table relationship that is working fine - except for one issue:
The ‘ID’ field of the detail table is set as a HREF (i.e. hyperlink) which retrieves a canned report. The link passes in its http query string, the ‘ID’ field of the detail table as well as an integer field of the parent table. This process works fine, but the ‘ID’ field itself does not APPEAR as a hyperlink. You can click on it, and it works just like a hyperlink, but it does not APPEAR as one. In other words, it is not colored at all, it is standard black text, and of normal weight.

Interestingly, if I open the details table separately, by itself, then the ‘ID’ field is indeed displayed as a hyperlink. It is only when nested as a detail table inside of the master table, that the ‘ID’ field fails to display as a hyperlink. Again, it works as a hyperlink, in that it successfully opens the report when you click on it; but it doesn’t ‘appear’ to the casual observer as a hyperlink.

Upon inspection, when the detail table is opened by itself, the CSS of the ‘ID’ field does not use any ‘CLASS’ attribute; it is simply an “<a” hyperlink. But when the same table is nested as a detail table inside of the master table; the same ‘ID’ field of the detail table now uses “form-control-plaintext” as a CSS CLASS. This overrides the style of a standard hyperlink. I cannot change the attributes of the “form-control-plaintext” element because it is used elsewhere in the application in many places.

Does anyone know how I can change the appearance of this ‘ID’ field when nested as a detail table so that it resembles a hyperlink?

Thank you,

2

You may try to select the HTML element by id and remove the class “form-control-plaintext”, see https://api.jquery.com/removeClass/.

3

Thanks for the reply.
The HTML element does not have a class associated with it. The ‘ID’ field has an ‘input’ element, in addition to the HTML element. It is the ‘input’ element that uses the ‘form-control-plaintext’ class. I cannot remove that, or else all the other text using that class will be stripped of formatting.
It is arranged like this:
[ a target = blah blah blah href = blah blah blah ] [input class = “form-control-plaintext” type = “text” readonly=“” value = “10909” ] [/a]

Any other ideas?
Thanks

4

You may find the parent with id and then use CSS descendant combinator to select the input, read: https://developer.mozilla.org/en-US/docs/Web/CSS/Descendant_combinator.

5

The nearest parent is the tag that includes both the element and the element. Are you suggesting I use descendant combinator to create “#the_span_id the_input_element” ?? If so, where would I put that? If we’re still talking about using JQuery, then that would have to be a client script yes?

I really appreciate your help, I’m not very good at this, but I’m learning. That said, I’m struggling to understand what you’re suggesting.

Thanks again,
6

neodaemon wrote:

Are you suggesting I use descendant combinator to create “#the_span_id the_input_element” ?? If so, where would I put that?

Yes, you may put it under HTML → Styles → User tab, see the topic HTML Settings in the help file.

7

Thank you again for replying. I found where to place the CSS/style info. The problem I see is that it applies to all test using that element. So there is a lot of text receiving that style that I don’t want. I only want the “ID” column in that specific table to receive the modified style. Instead there are other fields and labels in other parts of the application that are also changing.

Perhaps I’m doing it wrong, but its not for lack of trying.

I do appreciate your advice.

8

That means you have selected a wrong span id, the span id usually has table and field name (e.g. #el_mytable_myfield) so it will not affect other HTML elements with the same class name.