Customize Printable View

[Anonymous]

I have added some of my custom columns to the printable view without a problem. I’d like to remove some of the defaults (telephone number, paid.) Is this doable? I’m happy to play around in the PHP to customize the form, too, if you can tell me which file it’s in.

[Franky]

Have you tried playing with the CSS? eme_print.css is used to format that page, so it might help you without changing the code (I haven’t done the hiding myself yet).

See http://www.e-dynamics.be/wordpress/?cat=30

Another option: use the CSV output and remove the columns not needed

[Anonymous]

Printable view? There’s a printable view?

[Anonymous]

I’ll play around with that, thanks Franky. Am I right in understanding that there is an existing eme_print.css? Where might I find it?

[Franky]

@beventsmadeeasy: yes 🙂 Do the upgrade dance 🙂

@Feegle: there’s an eme.css, but not an eme_print.css. As explained here http://www.e-dynamics.be/wordpress/?cat=30 : create a file called ‘eme_print.css’ in your theme CSS directory to change the layout of the “Print Preview” booking result

[Anonymous]

I saw that; I just didn’t know how to deal with blanking out columns using CSS if they’re not tagged with a specific class. I won’t waste your time with that question; I’ll poke around and see if I can find instructions elsewhere.

I did find the construction of the print format within the eme_people.php file. Will anything break if I just comment out the table cells I don’t want?

[Franky]

It won’t break anything, except your change will be undone if you ever update it.

The easiest would be to add a class to each column. And this is what has been done here:

http://plugins.trac.wordpress.org/changeset/703119

Please do try it out and give feedback.

[Anonymous]

Hi Franky,

I’m having trouble getting the eme_print.css to actually affect the printable view. I’ve tried it in a few different places. There is no /css directory in my theme, but the style.css file is in the theme’s root directory. I tried a bunch of troubleshooting, and then finally thought to look at the source code for the printable page; this is what it shows: on line 7:

<link rel=”stylesheet” href=”http://DOMAIN_NAME.COM/wp-content/plugins/events-made-easy/events_manager.css&#8221; type=”text/css” media=”screen” />

Am I right in thinking that it’s looking in the wrong place for the wrong filename? It should be looking in the theme directory for the eme_print.css, no? (If it matters, my theme directory doesn’t have a CSS subdirectory; the stylesheet is just in the root theme directory.)

[Franky]

events_manager.css is the basic CSS that comes with the plugin. It should always appear in your html source, so that’s fine.

For the eme_print.css and your theme CSS dir: I use the standard wordpress functions get_stylesheet_directory (to check if the css exists) and then get_stylesheet_directory_uri (to show it in the html source). So if you don’t see eme_print.css in your html source, it means get_stylesheet_directory (with “/eme_print.css” appended to it) didn’t find it.

[Anonymous]

Okay, so do you have any idea why it might not be finding it? I’ve tried with the eme_print.css in three places, and it doesn’t seem to detect it in any of them. I’ve tried it in:

* root theme directory, where the theme spreadsheet is

* a subdir of the theme directory called /css, which I created manually through the backend

* the root directory of the eme plugin, just in case

[Franky]

Maybe a permission issue?

[Anonymous]

I think I figured it out. Here’s what code in the header of the page itself looks like now:

<link rel="stylesheet" href="http://DOMAIN/wp-content/plugins/events-made-easy/events_manager.css"

type="text/css" media="screen" />

<link rel='stylesheet' href='http://DOMAIN/wp-content/themes/parchment-draft/eme.css'

type='text/css' media='screen' />

<link rel='stylesheet' href='http://DOMAIN/wp-content/themes/parchment-draft/eme_print.css'

type='text/css' media='print' />

The eme_print.css file doesn’t affect the site as viewed online, which is what I was really looking for. Once I duplicated the file and renamed it eme.css, it does, and the additional <link> tag to the new spreadsheet showed up. I don’t know the media attribute in php (amateur programmer that I am), but is it because the eme_print.css file is for actual, “Send to the printer” interpretations? The fact that I was looking on my computer screen needs it to be the eme.css file that I’m playing with?

[Franky]

Yes, as said in the doc: http://www.e-dynamics.be/wordpress/?cat=30

Maybe it is not entirely clear, but eme_print.css influences indeed “print” operations (I hardly ever print though …)

[Author]

Posts