CSS Printing different than aspx page

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

In my web application, I am using two different CSS based on media. In my
Print CSS, I can suppress button, header and ad objects using "Display:
None;". However, I need to print an object that does not actually display on
the ASPX page. In my Screen CSS, I tried to use "Display: None" for that
object (by ID). It will not print based on my various attempts to print that
object (by ID) in my Print CSS.

I would appreciate suggestions on how I can print an object but not display
that object on my ASPX page. I prefer to use CSS if possible.

Thanks!
 
Lynda,

Here is a sample of how to do this with CSS. For my purposes, this
displayed a DropDownList to the user of the site, but hid it and displayed a
text label upon printing.

..accountListDropdown
{
text-transform: capitalize;
font-size: 0.9em;
}

..accountListLabel
{
display: none;
visibility: hidden;
}

@media print
{
.accountListDropdown
{
display: none;
visibility: hidden;
}

.accountListLabel
{
display: inline;
visibility: visible;
text-align: left;
}
}

Hope this helps,


Steve
 
Back
Top