Compressing Spry

What is the best tool to use to compress the Spry Assets
after we have made customizations?

Well there are a few tools u can pack with. My fav is
the dean edwards packer using the Base62 encode;
http://dean.edwards.name/packer/
but u can also use;
Yahoo compressor
http://developer.yahoo.com/yui/compressor/

Similar Messages

Compress the Spry Framework

Hallo,
is that possible to compress the adobe spry framework.
SpryData.js and xpath.js is very large.
can i use a javascript compressor
sample:
http://javascriptcompressor.com/
Thanks for help !

Thank you, Ben. This was the information that I needed.
Alas, I don't follow this forum specifically, although, I do lurk now and then to get answers to specific questions.
Re the shake issue. Gosh, I guess I fixed it and never came back (my apologies) or the whole thing went a different direction. It's been so long.
Thanks, again.
J.

Spry menu bar properties panel info compressed into left-hand corner

problem viewing spry menu bar properties panel information is condensed into the lefthand side of the panel, where it overlaps itself, becoming illegible and impossible to select

Ben, I think the Gary is referencing a DW interface problem, not a display issue on a web page.
It looks like the actual Properties window is corrupt.
Gary, if this worked in the past, you might try clearing the program cache...
http://forums.adobe.com/thread/494811
Resetting Preferences...
http://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver-cs4-cs5.html
Or the nuclear option, uninstalling, cleaning and reinstalling...
http://helpx.adobe.com/creative-suite/kb/cs5-cleaner-tool-installation-problems.html

Alternatives to dreamweaver built in spry validation?

I like the spry validation features... but I don't like the K
that comes with it. Good grief, the js include files are
ridiculous.
Any lighter weight alternatives that still provide validation
reminders at each text field, area, etc.?

LOL. I'd really rather not consider that scenario. 8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Massimo Foti" <[email protected]> wrote in
message
news:fu7b6j$1jp$[email protected]..
> "Murray *ACE*" <[email protected]>
wrote in message
> news:fu7aq7$1a6$[email protected]..
>> I'm assuming that using the compacted scripts would
mean you aren't
>> interested in debugging them, but yeah.... 8)
>
> Consider this scenario:
>
> 1) You use the uncompressed file on test/developing box
>
> 2) You deploy the compressed version on production box
>
> 3) Somebody report you an error on line xxx on
production box
>
> 4) You turn to your test/developing box to try and debug
the error
>
> 5) Now you are screwed, because line xxx doesn't match
between the two
> environment
>
> 6) You copy compressed version on test/developing box,
now you can see
> where line xxx is, but you can't read it, because it's
an ugly mess of
> compressed code
>
> 7) You wish you have used HTTP compression from the very
beginning
>
> :-))
>
> ----------------------------
> Massimo Foti, web-programmer for hire
> Tools for ColdFusion and Dreamweaver developers:
>
http://www.massimocorner.com
> ----------------------------
>
>
>
>

How can I get the script Export Layers to Files to export compressed pngs?

I would love to be able to take advantage of Photoshop's compressed png when using the script Export Layers to Files. I there a way I could modify the script to do this?
TIA!!!
========================
I found it ... I needed to add a line to the pngSaveOptions (around line #886) ...
            var saveFile = new File(exportInfo.destination + "/" + fileNameBody + ".png");
            pngSaveOptions = new PNGSaveOptions();
            pngSaveOptions.interlaced = false;
            // trying to compress png files
            pngSaveOptions.compression = 9;
            docRef.saveAs(saveFile, pngSaveOptions, true, Extension.LOWERCASE);
            break;
=========================

It does. The standalone XML Export was only offered by itself
in the
registration incentives. Sorry.
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: DMX 2004: The Complete Reference, DMX 2004:
A Beginner''s
Guide, Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"neilcreagh" <[email protected]> wrote in
message
news:f4rsrt$ptf$[email protected]..
> I've just purchased Dreamweaver CS3 and, after
registering, the email sent
> offered me a free gift. I chose the free font. Another
option is the
> Dreamweaver XML Export Extension for Spry and I would
like to purchase
> this (it
> stated the value at ?15) but I can't find it anywhere?
>
> The interaktonline website says that its functionality
has been included
> in
> the Dreamweaver Developer Toolbox - but does this mean
that I have to
> purchase
> the entire toolbox?
>

Accordion Spry not collapsing in IE but it is in other browsers even Chrome

This is my first Accordion Spry that I am creating and I
cannot figure out why it is not
fully collapsing in IE but it is working flawlessly in all
the other browsers.
Pleease check out the site,
http://www.enrieap.com/. The
accroding is on the right.
Thank you.

If the above didn't help then please attach a screenshot.
*http://en.wikipedia.org/wiki/Screenshot
*https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
Use a compressed image type like PNG or JPG to save the screenshot.

Spry compare the file size

So for the example :
http://labs.adobe.com/technologies/spry/demos/gallery/
I have to say that those Spry .js includes are huge in file
size for what they do :
http://labs.adobe.com/technologies/spry/includes/xpath.js
64.9 KB
http://labs.adobe.com/technologies/spry/includes/SpryData.js
90.4KB
http://labs.adobe.com/technologies/spry/includes/SpryEffects.js
52.5
So just including the .js and not including the overhead of
the xml and images the application file size is at 207.8 KB now
that is fat for what is a very simple photo gallery. Something like
this built in Flash would probaly be a quater or less than this in
file size and would look a hell of a lot better. I cant really
understand the rationalle to doing it like this when a flash client
is more reliable and in the odd case of not having Flash the
install is not equal to the overhead of all these .js files. What
you guys think ?

The benifits of Spry, as mentioned by Andrew, became obvious
to me on a recent project. I am co-developing a site and my partner
has no Flash skills. We wanted to expose enough of the code and/or
file structure of the site so that he could do updates without
flash and eventually teach the client to do their own updates.
We're using the gallery widget where the client needs to have the
pics changed quite often. So, all we have to do is change the pics
and update the xml files. I have used xml files with Flash, but my
partner feels less intimidated with the 2 step process. Plus, the
code used on the html pages is exposed enough for us to easily
change many other settings.
Also, I'm encouraged by the news that the Spry js will be in
a compressed/ condensed version soon.
I do love Flash, but Spry came along kind of like the Perfect
Storm for use in my project.
I fell it will be another tool in my box to use when
appropriate.
stmark

HTML 5 and Spry.. Making custom attributes valid

The HTML 5 spec is still a "Editors Draft" but doesn't mean browser haven't started intergating it. While i was reading through the specification i noticed that HTML allows you to specify custom attributes on elements (see: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data ). We all know Spry also uses custom attributes for the Spry dataset. These are typically prefixed with spry:action_here=""
At this point its not valid HTML even though, when serving your page as xhtml it should be valid.. as xml allows you to specify custom attributes as well. But that aside, with the release of HTML5 getting closer and closer we could make Spry attibutes valid if we started prefixing all custom attributes with data-
For example:
spry:region="ds1" => data-spry:region="ds1"
spry:if="0 == false" => data-spry:if="0 == false"
A switch to the data- prefix would require very little editing of the existing spry files. The only thing users would have to do, is switch to the HTML5 doc type declaring to make it valid. As this doc type has backwards compatiblity and do not force IE6 in quirksmode i feel this is better alternative to externalizing the custom attributes or waiting for browser to support extended doctypes.
So i wonder what you opinions are on this . Is Spry ready for HTML5 and is HTML5 ready for Spry ?

Am I excited about the upcoming HTML5? YES! But not because it validates our Spry attributes.
Spry, if used properly, already works well and the fact that it is not validated by W3C can be regarded as a curious fact. Sort of like a driver of mine that has not been validated by Microsoft; without the driver my hardware does not work. So what do I do?
Well for some people its not a problem that the pages do not validate. But there companies and clients who value validation. Its understandable because people are overhyping it. In this case, it would allow to validate out of the box, without any changes to your code. Making it easier for starting developers and create a W3C valid document.
I am excited about the new HTML5 elements that will be introduced, hopefully making life easier.
Well doesn't really make a life easier. I'm currently creating my online resume in HTML and its harder... Normally you would just use divs for almost every layout wrapper now you got to choose between aside, section, article, details, hgroup, header etc. So much elements to choose from, but using them wisely is the hard part.
I am not excited about the fact that HTML5, being backward compatible, will come with the deficiencies of its predecesors
I am confused about the near simultaneous release of XHTML2. Where is the logic? Cannot the regulators and validators agree on a standard? I guess not. Even the browser-producers cannot agree on a standard. Remember the confusion with audio and video tapes?
All of this confusion only adds weight to my argument, who cares about W3C validation or Microsoft validation? if it works it works!
Some people like it strict some people don't, for performance reasons i actually choose for the loose version. It allows me to build a more compressed file .
Video codec wars are fun to.. Ogg vs MPEG. Using flash as fallback or silver light for unsupported browsers, or just generate multiple formats.. Hard to choose.. I personally hope h.264 codec will be used because its quality wise its much better. But we will see what the browser vendors will decide.

Split Spry.Data and Spry.Data.Region from SpryData.js?

I don't like Spry.Data.Region or anything like Spry.*.Region because it make hard to customize using javascript.
But Spry.Data with Observer / Notify feature is great one. In fact, using SpryData.js, I can write my own "render html object" easier.
SrpyData.js is big (127KB) even when compressed, it is still 65KB. That why, needed split Spry.Data and Spry.Data.Region from SpryData.js so who want to use Spry.Data only like me will get smaller trafic.
I've tried remove all Spry.Data.Region content in SpryData.js. Surprise, some in Spry.Data call to Spry.Data.Region >>> Design have problem.
Anyone can help splitting them?

Found this in the archives:
<div spry:if="{ds_RowCount} == 0" class="trigger" style="display:none"></div>
Basically a hack to point the tooltip to a hidden div so no errors are thrown.

Spry UI 1.7 "Featured Content" Slideshow: Non-functioning buttons IE9

Hey guys!
So I'm about finished with a website that I've been working on for some time now. One of the last things I did was customize a Spry Content Slideshow widget to be implemented into the homepage. It went well; things are pretty much exactly how I want them...tested the site (locally) this morning, and it worked great in Chrome, pretty good in Firefox...and for the most part, worked fine within IE9. Until I went to test links. In the first two browsers, the links worked fine, but IE9 has, for some reason, shifted the actual, clickable part of the button just to the right of the button. Here's a brief snippet of the code that covers the two buttons on slide #1:
                      <a href="nate.html">
                      <button type="button"><span><span><span>Nate</span></span></span></button>
                      </a>
                      <a href="kate.html">
                      <button type="button"><span><span><span>Kate</span></span></span></button>
                      </a> </div>
Again, the buttons themselves don't actually work, but there's a thin strip, probably 1-2 pixels wide, and as tall as the button, directly to the right that are active within IE9. It's as if the link got compressed into that 1x30 pixel space somehow...I can't figure it out!
Any ideas on how to make IE recognize the actual buttons as the link, instead of that random little sliver next to them? Thanks in advance for any help, and let me know if you need more details!
-Casey

Add an onclick event as follows
<a href="nate.html" onclick="window.location=this.href;return false;"><button type="button"><span><span><span>Nate</span></span></span></button></a>    <a href="kate.html" onclick="window.location=this.href;return false;"><button type="button"><span><span><span>Kate</span></span></span></button></a>
Gramps

Table appears for a second before spry Master/Detail loads

Hi!
I'm using the Spry Master/Detail function on a page to display an interactive version of the table on the same page. On browser load, the table is briefly displayed before it is replaced by the Spry interactive table. Is there any way to avoid this? It looks kinda hokey.
ps I know I could avoid it by putting the table on another page, but then it wouldn't be searchable.
Thanks in advance.
Mignonne

Sorry for butting in, Hi Beth,
Considering the number of images that have to be loaded before the data can be displayed, the page is quite fast.
There are a couple of things that can be done to make it load faster and to give it a feel that is is loading faster.
To make it run faster consider
compressing components with GZip, see here http://developer.yahoo.com/performance/rules.html#gzip
placing expiry headers on images, css and js see here http://developer.yahoo.com/performance/rules.html#expires
place the reference to js files further down, see here http://developer.yahoo.com/performance/rules.html#js_bottom
use a Content Delivery Network, see here http://developer.yahoo.com/performance/rules.html#cdn
To make it feel as though it runs faster, hide the contents until the data has been processed and issue a message or loading bar to that extent.
1. add the following style rule to make use of the SpryHiddenRegion feature
.SpryHiddenRegion {visibility:hidden;}
2. change the first part of the Master/Detail region to
<div class="MasterDetail">
    <div spry:region="dsepimediums">
     <div spry:state="loading" align="center"><h2>Loading data, please wait ...</h2></div>
      <div spry:state="ready">
        <div class="MasterContainer">
          <div class="MasterColumn" spry:repeat="dsepimediums" spry:setrow="dsepimediums" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected"><span spry:content="{Plant_Name}"></span></div>
        </div>
      </div>
    </div>
    <div spry:detailregion="dsepimediums" class="DetailContainer SpryHiddenRegion">
      <div class="DetailColumn"><h2>{Plant_Name}</h2></div>
Here we are making use of the various states that Spry goes through see here http://livedocs.adobe.com/en_US/Spry/1.4/help.html?content=WSFC2EB69F-9F15-4005-A993-B7667 BA7EB75.html
We are also doing our best to hide our data until fully available see here http://livedocs.adobe.com/en_US/Spry/1.4/help.html?content=WSFC2EB69F-9F15-4005-A993-B7667 BA7EB75.html
I hope this helps.

"get all new data request by request" after compressing source Cube

Hi
I need to transfer data from one Infocube to another and use the Delta request by request.
I have tried this when data on Source Infocube was not compressed and it worked.
Afterwards some requests were compressed and after that the delta request by request is transfering all the information to target Infocube in only one request.
Do you know if this a normal behavior?
Thanks in advance

Hi
The objective of compression is it will delete all the request in your F table and moves data to E table.after compression you don't have request by request by data.
This is the reason you are getting all the data in single request.
Get data request by request works, if you don't compress the data in your Cube.
If you want to know about compression, check the below one
http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/c035d300-b477-2d10-0c92-f858f7f1b575?QuickLink=index&overridelayout=true
Regards,
Venkatesh.

Spry Collapsible panel - open and closed default question...

I am using a Spry Collapsible panel in a vertical nav menu (DW CS4) and it's in a template for my site. I want it to be closed as default on the Home page, but when a visitor clicks to open it and selects their option, I would like it to remain open on the selected page - Is there a way to do this?
Thank you all!
Aza

Check out the examples on this page: http://www.spry-it.com/examples/spry-widget-cookie-history/#collapsiblepanel

Spry menu bar woes (add submenu levels and edit width)

So i need some spry menu bar help. Apparently as a graphic designer i'm also expected to webdesign, and while i can solve most problems with a good googling, i seem to be at my wit's end fo this one. So the site i'm doing has a header ith a horizontal spry pop-up menubar (in Dreamweaver CS4). But some problems arise: when i manually add another submenu level, they don't show up in chrome or FF, they do werk perfectly in IE6. I just add the following code to the codepage:
<li><a href="#" class="MenuBarItemSubmenu">audio equipment</a>             <ul>               <li><a href="#">Digital Matrix Systems</a></li>               <ul>               <li><a href="#">R2 Digital Audio Matrix</a></li>               </ul>               <li><a href="#">pre-amplifiers & mixers</a></li>               <ul>               <li><a href="#">PMX124</a></li>               </ul>
the PMX never pops open in FF an chrome.. Should i be adding anything else to another part of the code? i'd like my submenu text to have a slight indent? How ever, when i add the indent to ul.menubarhorizontal ul , it elongates the submeny boxes in IE6, while looking normal (width) in chrome and FF. WHat part of the CSS style should i change to just have the text scoot over a bit without it really affecting the box layout? ALso, if anyone could tell me how to add a wee bit of spacing above the text (and beneath), i'd be eternally gratefull. Also, how do i change the with of the submenus? seing as my main buttons are images, but the names i ned to put in my submenus are turning out to be pretty long...
HTML code for the menu:
<tr>     <td><ul id="MenuBar1" class="MenuBarHorizontal">       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Products','','images/knoppenrollover_01.jpg',1)"><img src="images/knoppenbalk_01.jpg" name="Products" width="169" height="41" border="0" id="Products" /></a>         <ul>           <li><a href="#" class="MenuBarItemSubmenu">audio equipment</a>             <ul>               <li><a href="#">Digital Matrix Systems</a></li>               <ul>               <li><a href="#">R2 Digital Audio Matrix</a></li>               </ul>               <li><a href="#">pre-amplifiers & mixers</a></li>               <ul>               <li><a href="#">PMX124</a></li>               </ul>               <li><a href="#">music Sources</a></li>               <li><a href="#">amplifiers</a></li>               <li><a href="#">paging</a></li>               <li><a href="#">speakers</a></li>               <li><a href="#">microphones</a></li>             </ul>           </li>           <li><a href="#">racks and stands</a></li>           <li><a href="#">cables</a></li>         </ul>       </li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Company','','images/knoppenrollover_02.jpg',1)"><img src="images/knoppenbalk_02.jpg" name="Company" width="165" height="41" border="0" id="Company" /></a>         <ul>           <li><a href="#">Who are we?</a></li>           <li><a href="#">history</a></li>   <li><a href="#">contact us</a></li>   <li><a href="#">philosophy</a></li>   <li><a href="#">careers</a></li>         </ul>       </li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','images/knoppenrollover_03.jpg',1)"><img src="images/knoppenbalk_03.jpg" name="news" width="166" height="41" border="0" id="news" /></a></li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('projects','','images/knoppenrollover_04.jpg',1)"><img src="images/knoppenbalk_04.jpg" name="projects" width="166" height="41" border="0" id="projects" /></a></li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Downloads','','images/knoppenrollover_05.jpg',1)"><img src="images/knoppenbalk_05.jpg" name="Downloads" width="165" height="41" border="0" id="Downloads" /></a>         <ul>           <li><a href="#">catalogs</a>            </li>           <li><a href="#">manuals</a></li>           <li><a href="#">software</a></li>           <li><a href="#">documents</a></li>           <li><a href="#">pricelists</a></li> </ul>       </li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/knoppenrollover_06.jpg',1)"><img src="images/knoppenbalk_06.jpg" name="Contact" width="169" height="41" border="0" id="Contact" /></a></li>     </ul></td>
sprymenuhorizontal.css:
@charset "UTF-8"; /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /*******************************************************************************   LAYOUT INFORMATION: describes box model, positioning, z-order   *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 14px;      cursor: default;      width: 1010px;      font-family: Arial, Helvetica, sans-serif; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: [url]http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html[/url] */ ul.MenuBarActive {      z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      position: relative;      text-align: left;      cursor: pointer;      float: left; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul {      list-style-type: none;      font-size: 100%;      z-index: 1020;      cursor: default;      width: 166px;      position: absolute;      left: -1000em;      background-color: #6C6C6C;      height: 0px;      margin-top: 0px;      margin-right: 0em;      margin-bottom: 10px;      margin-left: 0em;      text-align: right;      text-indent: 0em;      padding-top: 0px;      padding-right: 0em;      padding-bottom: 0px;      padding-left: 0px;      border-top-width: 1px;      border-right-width: 1px;      border-bottom-width: 1px;      border-left-width: 1px;      border-top-style: solid;      border-right-style: solid;      border-bottom-style: solid;      border-left-style: solid;      border-top-color: #666;      border-right-color: #666;      border-bottom-color: #666;      border-left-color: #666; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {      left: auto;      height: 0px; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li {      width: 166px; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul {      position: absolute;      height: 41px;      margin-top: 0%;      margin-right: 0%;      margin-bottom: 0px;      margin-left: 162px;      float: right; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {      left: auto;      top: 0; } /*******************************************************************************   DESIGN INFORMATION: describes color scheme, borders, fonts   *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul {      border: 1px solid #666;      background-color: #6C6C6C;      height: 0px;      padding-left: 0em; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a {      display: block;      cursor: pointer;      background-color: #6C6C6C;      padding: 0em;      color: #FC0;      text-decoration: none;      font-size: 14px;      margin-left: 0em; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {      background-color: #FC0;      color: #FFF; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {      background-color: #FC0;      color: #FFF; } /*******************************************************************************   SUBMENU INDICATION: styles if there is a submenu under a given menu item   *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarDown.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarRight.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarDownHover.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarRightHover.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /*******************************************************************************   BROWSER HACKS: the hacks below should not be changed unless you are an expert   *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe {      position: absolute;      z-index: 1010;      filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection {      ul.MenuBarHorizontal li.MenuBarItemIE      {           display: inline;           f\loat: left;           background: #FFF;      } }[/SPOILER] any help would be greatly appreciated, as i've been fidgiting with this thing for 2 days now, to no satisfying effect...

since the layout of the pasted text got all weird, here i'm trying it again.
sprymenubarhorizontal.css:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
cursor: default;
width: 1010px;
font-family: Arial, Helvetica, sans-serif;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 166px;
position: absolute;
left: -1000em;
background-color: #6C6C6C;
height: 0px;
margin-top: 0px;
margin-right: 0em;
margin-bottom: 10px;
margin-left: 0em;
text-align: right;
text-indent: 0em;
padding-top: 0px;
padding-right: 0em;
padding-bottom: 0px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666;
border-right-color: #666;
border-bottom-color: #666;
border-left-color: #666;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
height: 0px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 166px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
height: 41px;
margin-top: 0%;
margin-right: 0%;
margin-bottom: 0px;
margin-left: 162px;
float: right;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #666;
background-color: #6C6C6C;
height: 0px;
padding-left: 0em;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #6C6C6C;
padding: 0em;
color: #FC0;
text-decoration: none;
font-size: 14px;
margin-left: 0em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #FC0;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #FC0;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

PDF File Size - any way to compress further?

We have are using the Crystal for .NET export method to export a report to a .pdf file, and are having an issue with the pdf file size on a report that contains images. The images are stored in a SQL2005 database as blob or varbinary(max). The report executes a stored procedure that selects data (including images) to produce a quotation. There are input parms to decide which images to print (for example A, B or both A&B). Both types of images can appear at the line level on the quotation. Type A images print in the main report, Type B images are in a subreport. Both the main report & subreport execute a stored procedure to select an image type.
Our issue, when both Type A and B image is selected to print on a 293 line quote. The PDF file size is 44.23MB
When Type A only is selected, the PDF file size is 2.64MB
When Type B only is selected, the PFD file size is 43.95MB.
There are more Type B images that would print at the line level than Type A, but is there any way to compress this down further as it is too large to email.

You mention that you are using Crystal for .NET, but not what version; CR for .NET 2003, 2005, 2008. 2010?
Applying the latest fixes for the correct version of CR would be the first thing to do.
Next, I'd have a close look at image B as it appears to be the one adding the most "bulk". How is this image different from image A?
General tips re. images:
Save the files a BMPs.
When .jpg image is inserted into Crystal Reports it is converted into bitmap format and as the result of the conversion the report may loose some quality, scale and other issues may arise... E.g.; Crystal Reports is not so good a graphics management tool
When an image is saved as a .bmp, then there is no conversion required and thus the quality of the image should be preserved.
Best practice: save the image with high resolution and required size as a .bmp format then insert this image into Crystal Reports.
Resize the image to the smallest possible size and downgrade the DPI to 72. This will ensure your image is as small as possible and Crystal Reports will have to put in the least amount of work to display it.
Have a look ar KB [1241630 - Exporting a Crystal report (XI) to PDF generates a big PDF file|http://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/oss_notes_boj/sdn_oss_boj_bi/sap(bD1lbiZjPTAwMQ==)/bc/bsp/spn/scn_bosap/notes%7B6163636573733d36393736354636443646363436353344333933393338323636393736354637333631373036453646373436353733354636453735364436323635373233443330333033303331333233343331333633333330%7D.do]. This KB, may apply to your version of CR, or not. In any case, you will have to use the KB as a guide and determine what the appropriate registry entry would be for your version of CR.
One more thing. Many people like to use jpg files as they are smaller than bmp files. However, as far as Crystal Reports is concerned, this is inconsequential. The report file will be the same size if a file is inserted as a jpg or a bmp. This is due to the jpg conversion to bmp Crystal Reports does internally.
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup
Got Enhancement ideas? Try the [SAP Idea Place|https://ideas.sap.com/community/products_and_solutions/crystalreports]

Compressing Spry

Similar Messages

Maybe you are looking for