how to hide/remove field name and field line separator ?

PHPMaker General Discussion (PHPMaker)
1

hi,

in the view page, is there a basic way to remove/hide the column containing the fields name AND the thin line separator between each field ?

In fact, i need the view page contain be all white with only the content of the field.
Also, i would remove the different color in the background too (something grey, sometime white), i want always the same.

i only need to have the content on the page, no style at all, no field name.
So, when i hit “print friendly”, i will have a clean document ready to be printed.

is there a way to make it possible ?

2

You may add your own CSS to hide the first table cell and the border under HTML → Styles → User tab, e.g. Assume your table is named “mytable” (Press F12 → Elements to check the id and class to write your selector)

// Assume v2020
@media print {
#fmytableview {
.w-col-2 {
display: none;
}
table {
border: 0;
}
}
}

3

thank you.

you solved half of my problem (hide the caption column)

Border seem more problematic because the border only appear on several line, not all.
i tried to put “border:3” to see which one are updated, but none change at all.

i also tried:
border :0px
not working

also tried :
border-right:none;
border-left:none;
border-bottom:none;
border-top:none

but not working ever

4

You may right click and select “Inspect” in your browser (see https://developers.google.com/web/tools/chrome-devtools/css) to check the CSS and find out which CSS styles (probably the table cells, i.e. td) control the border, then add your CSS to override it.

5

hello again,

i tried many ways…
there is always a border somewhere at the bottom and at the top of the document or depending of the Nb of fields !
Maybe border are auto added by the rule “one on two” class somewhere…

Moreover, the TR tag have no class in the generated code , only IDs !
so i tried to add some code like to get rig of borders :
#r_myfield1{display:none}
#r_myfield3{display:none}
#r_myfield4{display:none}

but some remains !

Even , when i hide all TR except one field, there are 2 thin border (top and bottom) somewhere i can’t find .

ps : once you are in the print view from your broswer, you can’t use the html inspector to find the border position tag !

6

arbei wrote:

You may right click and select “Inspect” in your browser (see
https://developers.google.com/web/tools/chrome-devtools/css) to check the
CSS and find out which CSS styles (probably the table cells, i.e. td)
control the border, then add your CSS to override it.

It it probably just

table td {
border: 0;
}