Styling hacks

CSS for form buttons in page footer

 .tsUpdateButtons {
   position: fixed;
   bottom: 0px;
   width: 92%;
   max-width: 1200px;
   padding: 0px 0px 2px 0px;
   z-index: 26;
   background-color: transparent;
   opacity: 1;
 } 
 .submitOption, .updateSubmit { 
   max-width: 22%;
   line-height: 1;
   height: 26px;
 }

CSS for printing labels

The below case will style a certain dashboard widget outputting LI elements

 @page {
    margin: 0cm; /* page reset */
 }
 @media print {

   html * { margin: 0px; padding: 0px; } /* page reset */

   #Widget23 ul { padding: 12mm 6mm 12mm 6mm; margin-bottom: 0; }
   #Widget23 li { border: 0px; padding: 5mm; height: 33.9mm; width: 63.5mm; margin-right: 2mm; }

   #Widget23 li { border: 1px solid #EEEEEE; }   /* disable after print is validated */
 }

The page setup is

• left margin 6mm
• top margin 12mm

The label layout is

• size 63.5mm x 33.9mm
• spacing 2mm