Printing MooTools Accordion Items

In: web resources

28 Jan 2010

MooTools Accordion

Sometimes we’re presented with unforeseen problems when it comes to our javascript effects. In this case, I’m talking about printing jQuery and MooTools accordions. Each “closed” accordion content element has its height set to 0 which means it will be hidden when the user tries to print the page. Luckily MooTools Core Developer Thomas Aylott provides a simple fix.

The CSS Fix

@media print {
	.element { height:auto !important; }
}

That’s it — no joke. Setting a print-specific height of auto with the ever-useful !important declaration fixes everything.

Big ups to @subtlegradient for the solution. Another reason I’m so happy to be surrounded by clever developers.

Don’t forget to follow me on Twitter and be sure to visit Script & Style for the best Javascript and CSS articles around!

Sponsor the David Walsh Blog and get your brand in front of several thousand users per day!

Printing MooTools Accordion Items

Related posts:

  1. Fixing sIFR Printing with CSS and MooTools
  2. MooTools & Printing – Creating a Links Table of Contents
  3. Advanced CSS Printing — Using CSS Page Breaks
  4. Styling CSS Print Page Breaks
  5. MooTools: Set Style Per Media


Go to Source

Related Blogs

  • Related Blogs on Printing MooTools Accordion Items

8 Responses to Printing MooTools Accordion Items

Avatar

tarsier

January 31st, 2010 at 10:52 pm

Excuse me for the length.
First of all, this accordion May be too small for You ( may be not ).
Do You know how to play an accordion? If not, You'll need either a self -teaching guide or a teacher.
Second of all, what kind of accordion do You want to play? A piano accordion is easier for the beginner, but a chromatic (button) accordion we'll give You more freedom of play (depends how far You go.) If You intend to play only simple tunes, maybe a diatonic accordion would do it, but I'm not too familiar with this type of instrument.
At last, brand and size. It all depends on how much You want to spend. New Italian and West German accordions are excellent ( Hohner, Scandalli, Titano, Pietro, Verde, Dallape, Bugari, Pigini, Excelsior, etc. ) but they cost about +- $5K. It all depends on Your intentions and means. It would be cheaper to buy a second-hand, but the insrument condition in totally unpredictable.
As for size, if You're an adult, I guess something closer to the full size would be more suitable, unless You're a lady.
In concern for tuning, for balkan music a dry-tuned accordion would be more preferable.

Avatar

wonderer

February 13th, 2010 at 10:13 pm

You would be right on that but never give it to anyone because it is basically like a credit card if they have that account number they can purchase anything ups offers on you account from shipping to mailing supplies you go to ups and make an account to charge shipping too so you can print out shipping cost labels or purchases you will need a credit card number or a way to pay for the services they offer alot of people use it as well as usps online saves trips to the post office or ups store you can mail right from home and they will pick it up at your door for you

Avatar

Micah T

March 18th, 2010 at 5:10 pm

It would help if you provided the definition for your div (ie what is the values for "toprightnav" etc)

Avatar

The Tech Guru

March 20th, 2010 at 7:30 am

No you cant.. but you can still go to them using your cell phones built in web browser.

Follow me on twitter for more tech info on this subject at http://twitter.com/whoneedshelp

Avatar

Dunbar Pappy

March 23rd, 2010 at 11:14 pm

This might not be what ya need, but have a look (it's freeware); also, look around this heading for any that catches your eye…
POV (Persistence of Vision Raytracer)
is a high-quality, totally free tool for creating stunning three-dimensional graphics. The Persistence of Vision Ray Tracer (POV-Ray) is an all-round excellent package, but there are two things that particularly make it stand out above the rest of the crowd. Firstly, it s free, and secondly, the source is distributed so you can compile it on virtually any platform.

Good luck.

Avatar

pokemon dude

March 28th, 2010 at 2:20 pm

fkufgkuyfytfkuyfukguowegfuwltfgirg3yqu4fgui3qtfi3kqjfr

Avatar

Lunar

March 29th, 2010 at 8:58 am

Ok..so the skirt and cardigan are perfect…but the shirt needs to be…white, and the flip flops need to be different. Try these-

Shirt: (make sure its in white)

or

or

Then for flip-flops try these:
(in white or brown)
or
(the white and brown polka dot ones)

Hope I helped!

Avatar

Orla C

March 29th, 2010 at 10:12 am

You need to contact someone in the genealogy business in Cork

Comment Form

About this blog

This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.