Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...Changing Print SettingsChanging Print Settings
Previous
 
Next
New Post
5/27/2011 2:28 PM
 
Hello Everyone,

(If you would prefer to get to the meat of this lengthy post, I have bolded the main issue below.)

This is my first visit here to the DNN community forums. I've been slowly (emphasis on the slowly) teaching myself html, css, php, etc. while building my own coupon advertising website. The site is called coupow.com. I received a community grant from my county which paid for the services of a consulting group to build the site. The software engineer at that firm setup the site using DNN. He did all of the backend creation and added some custom functionality to various modules. I no longer have the services of that company so I am self-teaching in order to make the needed changes to my site until I can afford to hire a more competent individual to help with the technical fixes and updates.

Okay, that's the back story.

I have a list of things I would like to modify on my site. I'll start with the main issue - Printing the Background Image with the Coupon:

End users have the ability to print coupons. To print coupons at coupow.com the user must:
  1. sign in
  2. check the boxes next to the word "clip" on the coupon(s) you want to print
  3. go to the top of the page and click on the "print coupons" button (yeah, I know it would be better to not make people go back to the top - I'm working on that too).
  4. Follow the instructions on the pop-up dialogue box.
The problem I am having is that the background images on both the page and the individual coupons do not include the background image. You can see all of these images on the screen but they don't show up on the printout. Initially the idea was to save the end user som ink, but the lack of branding on the printout makes the coupons look cheap and unappealing.

I assume there must be some javascript that is resetting some css during the print process but I have been unable to identify it.

I've created a test user account if you would like to see the problem in action. Just follow the instructions in the numbered list above using the username and password below:

username: cpowuser
password: cpowuser

Thank you for the help.

Dave
 
New Post
5/27/2011 7:52 PM
 
Hey Dave,

Printing from web browsers can be problematic at times - and the way your site is creating the "printable page" is actually not the most suitable way of going about things to produce a workable result.

The problem you are seeing is due to known issues with a number of different web browsers - the first being that most by default disable the printing of background images ... and in the case of Chrome don't actually give user the option to even turn the capability on.

In the case of most other web browsers - the user needs to manually open their print settings and turn on the Print background images and color setting. In the case of Chrome there is currently no way to force such images to be printed - or background colors even - for that matter (apparently chrome users are not supposed to need printers - got to love google - im sure they would suggest using a tablet or andriod phone as a much better option)

As such its going nothing to do with CSS or Javascript - but instead all to do with how Web Browsers work and how the HTML on your pages are laid out. 

So what are the options to ensure that the finished coupon is always printed as you want.

- Include an explanation for users that tells them how to turn on print background images and colors.
  there are different step for each web browser - and tell them you DONT support CHROME.

- write code to generate a image at runtime for each coupon - this is a single full image that includes the all the text, logos and background.

- write code to generate a pdf at runtime for your entire printable page

In the past we have gone down the second and third paths
 - both work well but the second option is the quickest and easiest to implement since the function to do it are already built into asp.net

There is a very good link on techrepublic that goes thru the steps - u do have to register to access it though - but its free.
http://www.techrepublic.com/downloads...

Westa
 
New Post
5/30/2011 11:55 PM
 
Awesome!

Thanks for taking the time to give me these pointers. I had no idea that it was a browser issue. I'll look into implementing the option you suggested. Thanks for the link!

Dave
 
New Post
6/1/2011 4:20 AM
 
Just on printing issues, there is a weird issue I've found in IE (and not managed, yet, to work out exactly what causes it, IIRC) where it only prints the first page of the urn, so be aware if you experience that it may well be another browser-specific issue.

One point on points 2 and 3 is if you want the vouchers to be mobile compatible - if you create an image it may well be worth including a hyperlink to just the coupon image itself so people can get just that coupon (or several, each as their own image), save it to their phone and then present it at the relevent outlet without having to use paper to print it.  Not sure what the PDF reader support is like across all the smartphone platforms so this may be a better option than a PDF.  If you go either of these routes (but especially the image one) it's worth thinking about the naming of the output file so that it makes sense when the user is trying to find it (in case they just [Save] rather than [Save As])
 
Previous
 
Next
HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...Changing Print SettingsChanging Print Settings


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out