Gradient Background problems

I have Enterprise version 8.1 installed on my machine and I am using it to reverse engineer some Java code. I would like to generate a few graphics in eps format, and I am having serious problems with the size when I export them as svg and translate them to eps. So, I want to turn off some of the background gradients, etc.
When I go to the UML Advanced options and enter the "Set Glocal Colors and Fonts" I can change the "packagelightgradientfill" and "BackgroundColor" to white from the lime green color (for example on a deployment diagram. If i click on OK or apply, I get a message asking if I want to change the other items. After about 10 second, the colors revert back to their normal green values. Is this something wrong with my installation?

Your installation is fine, the capability to change gradient background was not implemented in 8.1. If you try the UML module in NB6.0 (currently in Milestone 9) you will be able to simply turn on/off gradient for all elements, Advanced options -> UML -> Diagrams -> Gradient Background. The gradient start / stop color is still not customizable.

Similar Messages

Problem with Gradient Background

When I publish my code for the gradient background and view
it on the web I generate a 15 pixel gap between the stage and the
tab bar on Firefox. So when viewed you see the tab bar, then the
default color for the stage background, and then the gradient stage
background. How do I get rid of the gap?
To view the effect please go to
www.arealtaxcut.com/index000.html --- Here is the code:
I did add the HTML tags <center> </center> to the
.html file.

css call in the body tag: <body margin="0"> worked to
bring the entire document to the left, however there was still the
issue of the spacing at the top. After further research this is
what I came up with and it works like a charm.
<style type="text/css"></style>
Rob Dillion thank you for (1) your quick response and (2) for
pointing me in the right direction. Very helpful.

Animated gif and gradient color problem

Hi there,
I have been trying to create animated gif with gradient background. My animation works alright but the problem is that when I preview either in browser or in the preview mode, the gradient doesnt look smooth. I want to know if there is a way to work around this? I have seen some on other websites and it looks perfect. I'm wondering how they do it.
I'll appreciate anybody's help.

Cobby Fred wrote:
I have to thank you all for your assistance so far. I must say I only know how to put some few things together and I do not understand some of the technical words you used such as dither, geometric dithering, blending mode... But in all I understand that if I blend colors that are close I'll get something close to smooth.
Here's Wikipedia's page on dither: http://en.wikipedia.org/wiki/Dither Scroll down till you see the images of the cats on the right-hand side. It's a little over half-way. In the original, the cat's pretty much a gradient. If that image is saved as a .gif, see how you get wide areas of color? It almost looks like a paint-by-number picture. This similar to what happens to your radial gradient when you save as .gif. I used the word "geometric," because the radial gradient will produce arcs of grey colors. The third image of the cat has dithering. This means that, instead of setting the colors in the original image to the closest one in the restricted palette, the software tries to figure out how to speckle the image to produce an average that would look better at a distance. Turning on dithering when you go to output your gradient will help make your image smoother, just as the third cat image is smoother than the second. Here's where you turn on dithering if you go through File > Image Preview:
Here I have my unflattened .png file
No, it's flattened. It's a single bitmap.
Here's a noisy image I created. It has a radial gradient at the bottom then a texture layer that has it's visibility off, because I copied it to make a greyscale version to use. I've set that to have 25% opacity and a blending mode of Multiply. Both the opacity and blending mode controls are at the top of the layers panel. This is a FW .png (Edit, no, it isn't! The forum has stopped supporting that! ):
If I export the gradient alone, without the texture layer, I can get this (settings are "64-color" greyscale palette and no dithering):
or this (turning on dithering):
While the dithered image is better, it still shows the arcs. If I set the texture layer back visible, and export with dithering on, I get this:
The noise in the texture breaks up the geometric arcs, which makes the image look smoother. Any small texture will do that. Choosing the 64-color greyscale palette gives me either 22 or 26 colors.The 32-color palette gave me 12. You should experiment with the .gif palette settings to see what you like best. Remember that the more colors you assign to your background the fewer colors you have available for your foreground objects.
As a final point, the red text looks blurry. When I zoom in on it (400%), some of the lines are partially "broken," specifically the verticals on the L, T, and N. You might want to try a different font or adjusting the size so that the aliasing (mapping) to the pixels is cleaner. Italic text in small sizes is difficult to use.

Gradient background not aligned correctly

i have some photo pages and the gradient background is not aligned correctly
- generally below where I want it - like on iweb shows correctly - but on web - it is below the navbar.....
.... how do I control this?
is this something to do with layout? one page is fine - the next is messed up....
this was an import from iweb 2006 - does that matter

crazy enough but I think I found it : I had a 3 word title for the page - and when I replaced the spaces with dashes - the problem went away.....
Is that kooky or what?

JFreeChart Help: Creating a Gradient Background for a CategoryPlot

I need a Gradient Background for my CategoryPlot Object and am having problems figuring out the best approach.
Does anyone have any suggestions on the best way to approach this problem?
Any help would be appreciated.

        BarRenderer barrenderer = (BarRenderer)categoryplot.getRenderer();
        barrenderer.setDrawBarOutline(false);
        GradientPaint gradientpaint = new GradientPaint(0.0F, 0.0F, Color.blue, 0.0F, 0.0F, new Color(0, 0, 64));
        GradientPaint gradientpaint1 = new GradientPaint(0.0F, 0.0F, Color.green, 0.0F, 0.0F, new Color(0, 64, 0));
        barrenderer.setSeriesPaint(0, gradientpaint);
        barrenderer.setSeriesPaint(1, gradientpaint1);

I Need Help With Gradient Backgrounds

Can someone explain to me why my design appears as if it has an outer glow when I add a gradient background? Thanks in advance.

Sorry, nothing to recognize, I don't see on the pixel "accident" what you mean.
Make the sreen shot with the OS, not with a camera.
Show in detail what your problem is.
Tell us: OS, version, what have you done, file type, etc.
As it is now we can't see anything important.

How do you make a gradient background on a button in flex 4

Hey everyone, this is driving me crazy. Below is my css for a button in file. I want a gradient background on a button in flex 4. I can not for the life of me figure out how to do this. There is no longer the backgroundColors option. chromeColor is only a single color and all the examples I see on the web using fill, and linearGradient throw up errors so I assume these were only in the beta? This is very frustrating to not be able to do a simple thing in flex 4 that worked in flex 3. Any ideas? Thanks.
Button {
cornerRadius: 3;
highlightAlphas: 0.36, 0;
fillAlphas: 1, 1, 1, 1;
paddingLeft: 5;
paddingRight: 5;
backgroundColors: #ff6600, #ff9900, #ffffff, #eeeeee;
color: #ffffff;
disabledColor: black;
textRollOverColor: #000000;
textSelectedColor: #000000;
borderColor: #ff6600;
fontWeight: normal;

This may not be what you're looking for, but since you are stuck, I'll elaborate on what FTQuest was saying. It will only take a few minutes to do this.
In FB4:
1. right-click the button, choose "Create Skin", give it a package (directory) and name (filename), host component "spark.components.Button" and "Create as copy of" "spark.skins.spark.ButtonSkin".
This creates junk.mxml for you, the skin file.
2. In the source of junk.mxml, change layer 1 (shadow) and layer 2 (fill) colors as I did here in this code. Note that where you see {color#}, this is data-binding to a variable I've made in a color.as file that I've included in the skin file. In fact, that is ALL that I changed in the skin file it generated for me.
snippet from colors.as:
public var color1:int = new int(0xA1D190);
snippet from junk.mxml:
<![CDATA[
include "Colors.as";
layer changes in junk.mxml:


<s:Rect id="shadow" left="-1" right="-1" top="-1" bottom="-1" radiusX="2">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x000000" color.down="
{color5}"alpha="
0.01"alpha.down="
0" />
<s:GradientEntry color="0x000000" color.down="
{color6}" alpha="
0.07"alpha.down="
0.5" />
</s:LinearGradient>
</s:fill>
</s:Rect>


<s:Rect id="fill" left="1" right="1" top="1" bottom="1" radiusX="2">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="{color2}" color.over="
{color3}" color.down="
{color4}" alpha="
0.85" />
<s:GradientEntry color="{color4}" color.over="
{color5}" color.down="
{color6}" alpha="
0.85" />
</s:LinearGradient>
</s:fill>
</s:Rect>
You can (and maybe should) hardcode colors in here to do your gradients. After this, your button will need to use the skin, like:
<s:Button ... skinClass="Skins.junk">
... where "Skins" is the name of the package/directory I told it to create the skin in.
This may not be ideal for you, but it's working for me. Regarding having variables for color values, I posted a thread this morning asking if this is the best way to do things or not, so I don't know if it's the way to go.
Hope this helps ...

Gradient background of a screen.

Hi all,
If anybody have managed to implement gradient background color of a screen?
There is one example in Developers Knowledge Base how to change the background color of a screen. It is working fine for me but if I use
         int[] X_PTS = { 0, 0, width, width};
         int[] Y_PTS = { 0, height, height, 0 };
         int[] drawColors = { 0x0000CC, 0x0000CC, 0xCC0000, 0xCC0000 };
         try {
             g.drawShadedFilledPath(X_PTS, Y_PTS, null, drawColors, null);
         } catch (IllegalArgumentException iae) {
            System.out.println("Bad arguments.");
instead of g.setBackgroundColor(Blue_color);
does not work for me.
Any idea?
Is there is just one way to rewrite the paint() for fields on top of screen as well?
Thank you for help in advance.

I just saw your post.
I hope by now you might have found an answer... but if someone else stumbles upon, here is the solution:
public void paint(Graphics graphics) {
//Variables for drawing the gradient
int[] X_PTS_MAIN = { 0, Display.getWidth(), Display.getWidth(), 0};
int[] Y_PTS_MAIN = { 0, 0, Display.getHeight(), Display.getHeight()};
int[] drawColors_MAIN = { backgroundColor, backgroundColor, backgroundShadingColor, backgroundShadingColor};
try {
//Draw the gradients
graphics.drawShadedFilledPath(X_PTS_MAIN, Y_PTS_MAIN, null, drawColors_MAIN, null);
} catch (IllegalArgumentException iae) {
System.out.println("Bad arguments.");
super.paint(graphics);
Please marked as solved, if that is what you were after,.

Add a texture to a gradient background

I have a web mock-up with a gradient background. This is just a rectangle with a gradient fill at the bottom layer. I would like to add a texture to my background. Just some noise or a parchement or something. I don't know how to do it. I would like the texture to have the colour of the background of course and be fairly indistinct.
Could you just give me a few pointers please
Thanks
Martin

Many thanks
That's it.
I think I was trying to approach it in a Photoshoppy kind of way. Strkes me this was a bit easier than how I would have done it in PS.
Anyway, I'm another couple of degrees up that learning curve!
Regards
Martin

Gradient Display Problems

So I was doing more work in Photoshop today, and I ran into a problem where gradients are not being displayed properly. In a gradient from (0,0,0) to (255,0,0) there is a thick band were the gradient suddenly looks as though it is completely (255,0,0). Hopefully this makes a little sense...
I am wondering if other people have this problem. I'm on a 17" MBP C2D. If you have the problem, then it should be fairly apparent on the following picture:
http://home.comcast.net/~scott.beatson/gradient_copy.jpg
If it doesn't look like it, it is in fact a smooth gradient (I have confirmed it on several other computers). I've got a reservation at the Apple store in the next couple of days.
Hmm... quite annoying.

What I've done since I posted last: I took my computer to the local Apple Store and had the geniuses take a look. Of the four that looked, not one had an answer.
I also know for a fact that this issue is not limited to my computer, since after a quick test on multiple floor models, I discovered that the problem seems to exist on the Core 2 Duo laptops, both MacBook and MacBook Pro's. I did not see an issue with the Mac Pro (using 30-inch Apple Cinema display) or on either of the two Core 2 Duo iMacs that I looked at (not sure what size.
Yes, we all do know that Photoshop is not Universal, however, that does NOT explain what Pages 2 (Apple's very own Universal Program) has this problem. Note: I created the gradient as a fill in Pages, I did not just place a jpeg.
So... since the Genius Bar had no answers (though they tried quite hard), I spent about 3 hours on the phone with Apple Technical Support on Saturday. After working my way through the layers, it was eventually tested in Apple's lab, and it should be noted that the issue was seen by several of the product specialists I talked to.
I was told that the issue has been sent to the engineering level, and that I should be receiving a response in about 5 business days. We'll see how that goes.
As a final note, Zebra1, I definitely don't doubt your background in the area, but its not just an issue with my computer or specifically Photoshop. Granted, I have not color synced my screen with anything... But a $3,000 (I got the RAM) MacBook Pro should NOT display gradients worse than a 4.5 year old $1,000 iBook that was never synced in its life.
-Scott

How can I remove the gradient background & border from an ImageIcon?

Problem1: Hey, I have a program that randomly displays a stop sign that I'm supposed to click on as fast as I can. And I created a gif with the stop sign, with it's background transparent. But when I added it to my application using an ImageIcon, whatever's supposed to be transparent in the gif is shown up as a gradient. There's also a border around the ImageIcon. Is there any way to get rid of these? Thanks
Problem 2: I also have a background for my entire application, but it stays the same size no matter if I maximize the application or run it on a different screen size. Is there any way to scale a background (it's animated), to the full screen?
Thanks again! It's for a project due tomorrow. I'm doing final touches.
Here's some of my code. It's really long, so I took out what I think is related. JButton stopSign1 = new JButton();
this.getContentPane().add(stopSign1,null);
         ImageIcon stopSign = new ImageIcon("Dead_End.gif");
         stopSign1.setBounds(new Rectangle(randomX, randomY, 150, 150));
         stopSign1.setIcon(stopSign);
         stopSign1.setVisible(false);

Try stopSign1.setBorder(null);
stopSign1.setOpaque(false);Also, in future, post Swing questions in the Swing forum.

Gradient background is not extending the full height of the page

Hi, I'm an extreme novice with dreamweaver - still figuring it all out. I'm needing to edit a website that was set up by someone else and I can't figure out why the gradient won't extend the full height of the page. It originally was fine but when we added lengthier text this problem popped up. I've fiddled with the css but nothing I'm doing is working - I hope it's something basic as I'd like to get this done asap.
The H1 titles are also centred in their columns despite the css saying 'left align' so this also confuses me - can we get them to be left aligned?
The URL is: www.petrohamman.co.za
Thanks!
Ash

Did this other person leave to take up another career, because the set up is shocking?
Amend your body css to as below:
body {
margin:0;
padding:0;
font-family: Helvetica,arial,sans-serif;
color:#E6A9CC;
You don't need height 125% on your #background css selector so either delete it or comment it out using /*   */ as shown below PLUS add overflow: hidden; as also shown below, that will take care of the gradient issue.
#background
    width:100%;
    /* height:125%;*/
    background: -webkit-linear-gradient(#FFFFFF, #F4DCEB); /* For Safari */
    background: -o-linear-gradient(#FFFFFF, #F4DCEB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F4DCEB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #F4DCEB); /* Standard syntax (must be last) */
    overflow: hidden;
Amend text-align: center; which is currently declared in the h1 css selector to text-align: left; OR just delete it completely as the default alignment is already set to left.
h1
    margin:0;
    padding:0;
    color:#E6A9CC;
    text-align: left;
    font-size:30pt;
Importantly delete height: 500px; from the #content css selector or comment it out as shown below using /*   */. This is important as any information in the 'content' container will not scroll if the height is deeper than 500px, which it will be. The general rule is you should never set heights on any container, only in special circumstances where you know what the height will be or you want to show a restricted area such as a scrolling frame.
#content
    width:100%;
    /* height:500px; */

Simple button background problem

Good day,
I'm new to flex and MXML. I've gone through the initial difficulties of getting familiar with the IDE and programming language. Now that this is done, I'm really starting to enjoy it.
I'm currently facing what is probably a basic problem. I've created an MXML Button component. When I instanciate it somewhere in another component, it comes up with a weird square background under my button, like this :
My button is a single line component, like this :
<s:Button label="Measure" skinClass="skins.MeasureDistanceSkin" width="70" height="25" click="OnClick(event);" creationComplete="Init(event);" />
My button instanciation line looks like this :
<MeasureButton map="{map}" left="110" top="42" width="80" height="33" id="MyButton" />
Can anyone give me a hand with this?
Thanks,
Bruno

You couldn't have made trillions of buttons that work using that code in AS3. It would have to be something more like the following to work in AS3...
stop();
btn_page2.addEventListener(MouseEvent.CLICK, gotoPage2);
function gotoPage2(e:MouseEvent):void {
gotoAndPlay(99);
Switched places in the btn_page2 line and changed Void (AS2) to void (AS3)

Dynamic SELECT conditions in background - problem

Hello,
I faced a strange problem. I have function module which uses dynamic conditions in SELECT statement. Everything works fine in foreground processing, but in background the function gives no values. You can find a piece of code below. It's a bit long but as mentioned - works fine in foreground, so seems to be non-coding error...   I'd be thankful for any ideas...
data: itwa_where_cond(72) occurs 20 with header line,
       wa_where_cond(72) type c,
clear: itwa_where_cond[], itwa_where_cond.
move 'BZOBJ = ''0''' to wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND KADKY >= ''' l_date_start '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND KADKY <= ''' l_date_end '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND MATNR = ''' wa_matwrk-matnr '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND WERKS = ''' wa_matwrk-werks '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND KOKRS = ''' pi_kokrs '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
if not pi_freig is initial.
    clear wa_where_cond.
    concatenate 'AND FREIG =''' pi_freig '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_tvers is initial.
    clear wa_where_cond.
    concatenate 'AND TVERS = ''' pi_tvers '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_klvar is initial.
    clear wa_where_cond.
    concatenate 'AND KLVAR = ''' pi_klvar '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_feh_sta is initial.
    clear wa_where_cond.
    concatenate 'AND FEH_STA = ''' pi_feh_sta '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_kkzma is initial.
    clear wa_where_cond.
    concatenate ' AND KKZMA = ''' pi_kkzma '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
SELECT * FROM KEKO into corresponding fields of table it_keko
                                         WHERE (itwa_where_cond).
Regards,
Grzegorz

hI,
TAKE THIS CODE... HOPE IT WORKS FOR YOU....
clear: itwa_where_cond[], itwa_where_cond.
move `BZOBJ = '0'` to wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND KADKY >= '` l_date_start `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND KADKY <= '` l_date_end `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND MATNR = '` wa_matwrk-matnr `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND WERKS = '` wa_matwrk-werks `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND KOKRS = '` pi_kokrs `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
if not pi_freig is initial.
    clear wa_where_cond.
    concatenate `AND FREIG = '` pi_freig `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_tvers is initial.
    clear wa_where_cond.
    concatenate `AND TVERS = '` pi_tvers `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_klvar is initial.
    clear wa_where_cond.
    concatenate `AND KLVAR = '` pi_klvar `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_feh_sta is initial.
    clear wa_where_cond.
    concatenate `AND FEH_STA = '` pi_feh_sta `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_kkzma is initial.
    clear wa_where_cond.
    concatenate `AND KKZMA = '` pi_kkzma `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
SELECT * FROM KEKO into corresponding fields of table it_keko
                                         WHERE (itwa_where_cond).
REGARDS
SIDDARTH

Spry vertical menu background problem in IE

The background of the <li> items show as white on the spry menu items here. http://www.steveelson.com/index.html. Menu items are .pngs, but I've used the iepngfix.htc fix, but still have the problem in IE 8 and 9. So I assume it's a css problem, but can't figure it out.

Save a copy of the css file as you have altered it, but under a new name. You might want to save a copy of your menu, too, so you'll have something to refer to. Then delete your menu widget and re-insert it.
You will most likely be very surprised at how easy it is to style it up (referring from time to time to your saved, former stylesheet).
If your page works without your menu, you should be successful inserting your menu to it.
Beth

Gradient Background problems

Similar Messages

Maybe you are looking for