Applying Gradient through css in spark application of gumbo

I want to apply gradient colors just like we did in flex 3 using css.
How to achieve the same for s:Application ?

That changed in the new architecture:
you need to drop something like this in your main app or create a new skin for the main app and drop it in there:
    
    <s:Rect left="0" right="0" top="0" bottom="0">
        <s:fill>
            <s:LinearGradient>
                <s:GradientEntry ratio="0" color="#ff00ff"/>
                <s:GradientEntry ratio="1" color="#00ff00"/>
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
Need to play with the gradient but ration and color values but you get the picture...
The old way does not apply anymore as far as I can tell ...
You can define your own backgroundGradientColor read it in the custom skin updateDisplayList and do the drawing yourself, but I am not sure it is worth the effort.
C

Similar Messages

Footer in Spark application

I'd love to be able to setup a footer at the bottom of my spark application, which runs in a browser. I was reading through the documentation of Application and the awesome Adobe examples. Unfortunately I keep getting lost when the documentation talks about how to position the control bar area at the bottom via spark.skins.spark.ApplicationSkin - sadly I'm not sure what that means from a practical standpoint and am stuck. How exactly do I set this up?
Do I need to create an application skin (doesn't seem to be an option for the MXML skins) and apply it to the skin? Or instantiate ApplicationSkin and do something with it (what, exactly)?
Sorry, I'm sure this offensively simple, but I can't find any obvious example anywhere...
f

You would want to copy the default Application skin, and then move the "topGroup" after the "contentGroup" in its parent's VerticalLayout.
For example with attached custom skin:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               skinClass="CustomApplicationSkin">
    <s:controlBarContent>
        <s:Button label="hello world" />
    </s:controlBarContent>
</s:Application>

How to apply style sheet (.css) in Weblogic directory listing

Hi,
We are migrating a directory listing application from Apache to Weblogic.
Earlier we did this by Apache httpd.conf entry like below :
<Directory "/opt/apache/httpd-2.1.9/htdocs/Myreportfolder">
IndexOptions FancyIndexing FoldersFirst NameWidth=* XHTML
IndexOrderDefault Descending Date
IndexStyleSheet "/css/style.css"
</Directory>
/opt/apache/httpd-2.1.9/htdocs folder has all it's usual resource files.
We were able to see documents in "Myreportfolder".
Now we have moved to Weblogic and using virtual directory mapping as below and we are trying to achieve the same thing:
<?xml version="1.0" encoding="UTF-8" ?>
- <wls:weblogic-web-app xmlns:wls="http://www.bea.com/ns/weblogic/weblogic-web-app" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd http://www.bea.com/ns/weblogic/weblogic-web-app http://www.bea.com/ns/weblogic/weblogic-web-app/1.0/weblogic-web-app.xsd">
- <wls:container-descriptor>
<wls:index-directory-enabled>true</wls:index-directory-enabled>
<wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by>
</wls:container-descriptor>
- <wls:virtual-directory-mapping>
<wls:local-path>/Myreportfolder</wls:local-path>
<wls:url-pattern>/*</wls:url-pattern>
</wls:virtual-directory-mapping>
<wls:context-root>/getreports</wls:context-root>
</wls:weblogic-web-app>
We are able to view the reports but we do not get look-and-feel of Apache like directory listing.
but we encounter below issues:
1) File/Folder icons are not visible - we want to use style sheets in http header from the response that is returned from weblogic server
2) Filename is limited to 29 characters when it is showing
3) Files are not sortable as Descending order - we sorted using tag <wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by> but the latest file is shown at the last
We are thinking that Weblogic must be having some configuration like Apache httpd.conf where we can apply style sheets (css ).
We would appreciate af anyone can provide better insight into the issue.
or is it possible to extend weblogic.servlet.fileservlet class to serve this purpose.
Thanks & regards,
Rabi

Hi Vikash,
Check the below links which will you idea on the same.
Stylesheet for WDA without integrating in SAP Portal
Apply custom css to WebDynpro application
Thanks
KH

[svn:fx-trunk] 5019: ASDoc updates to indicate that some Halo containers do not work with the Spark equiv (ControlBar does not work with Spark Panel/ AppControlBar does not work with Spark Application), and indicate that Canvas, Box, Tile, Panel have Spa

Revision: 5019
Author: [email protected]
Date: 2009-02-19 13:17:21 -0800 (Thu, 19 Feb 2009)
Log Message:
ASDoc updates to indicate that some Halo containers do not work with the Spark equiv (ControlBar does not work with Spark Panel/AppControlBar does not work with Spark Application), and indicate that Canvas, Box, Tile, Panel have Spark equivs
QE Notes: None
Doc Notes: None
Bugs: -
Modified Paths:
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Accordion.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ApplicationControlBar.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Box.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Canvas.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ControlBar.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/HBox.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Panel.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/TabNavigator.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Tile.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/VBox.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ViewStack.as

Hi DST
This is a great effort and gesture. thank you on behalf of all the newbies.
PJ

How can i apply gradient...

I have a rectangular shape movie Clip (Size :130px X40 px). I
want to apply linear gradient on it using action script. Can
anybody help me how can I apply gradient on it.
Note: This movie clip is made manually. Not by using
createEmptyMovieClip method.

i already checked this -
MAKE A OVAL ON YOUR STAGE AND GIVE THIS INSTANCE NAME 'ovl'
(withought single quote) and use the code under
here i am creating two movie clips on stage --
1st is 'ovl' and 2nd one is 'mc'
But to apply gradient on ovl i have to use setMask method
like this _root.mc.setMask(_root.ovl)
i do not want to use SetMask... I want to apply gradient
directly on 'ovl'
How can i do ??????????????
// create emtpy movieclip
mc = createEmptyMovieClip("mc",1);
// set the constants for the gradient fill
// the colors
col = [0x000066,0x0033FF];
// the alphas
alp = [100,30];
// the ratios
rat = [100,255];
//this.onMouseMove = function () {
// we will make a radial gradient
// and make it move with the mouse
// first we clear the previous gradient fill
mc.clear();
// get the mouse-position
// the x-coordinate
x = _xmouse-200;
// the y-coordinate
y = _ymouse-200;
// set the matrix for the transformation
matrix = { matrixType:"box",x:x,y:y,w:400,h:400,r:0 }
// now make the new gradient fill
mc.beginGradientFill("linear",col,alp,rat,matrix);
// now make the shape to fill
mc.lineTo(400,0);
mc.lineTo(400,400);
mc.lineTo(0,400);
// end the fill
mc.endFill();
_root.mc.setMask(_root.ovl)
Text
Text

[svn:fx-trunk] 10358: Change Application. application so it can return spark Applications and spark WindowedApplications .

Revision: 10358
Author:   [email protected]
Date:     2009-09-17 14:18:43 -0700 (Thu, 17 Sep 2009)
Log Message:
Change Application.application so it can return spark Applications and spark WindowedApplications.
Application.application is still deprecated but this change makes the transition to using Spark Applications easier.
QE notes: None.
Doc notes: None.
Bugs: SDK-21898
Reviewer: Gordon
Tests run: checkintests, Application
Is noteworthy for integration: no.
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-21898
Modified Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/Application.as

Try setting the stepSize on the slider to 4. That should reduce the jiggle effect.
Not sure if it helps, but the following way of placing the graphic in the skin means you don't need to use those binding tags. The group within the graphic will automatically scale. (I use 48 as an arbitrary size for the group. But it will always display relative to the size of the button. You may need to adjust the 30 and 8 values to match your original.)
<s:Graphic left="1" right="1" top="1" bottom="1" >
<s:Group width="48" height="48" >
<s:Rect horizontalCenter="0" verticalCenter="0" height="30" width="8">
<s:stroke>
<s:SolidColorStroke color="0x000000"/>
</s:stroke>
<s:fill>
<s:SolidColor color="0xff0000"/>
</s:fill>
</s:Rect>
<s:Rect horizontalCenter="0" verticalCenter="0" height="8" width="30">
<s:stroke>
<s:SolidColorStroke color="0x000000"/>
</s:stroke>
<s:fill>
<s:SolidColor color="0xff0000"/>
</s:fill>
</s:Rect>
</s:Group>
</s:Graphic>

Employee is trying to apply leave through ESS

When an employee is trying to apply leave through ESS he is getting a error message. below is the error " employee 00000000 has no valid organization assignment for 27.08.2010". we have checked all the configurations in SAP back end.

Navigate to t.code HRUSER and see the assignment.
This should resolve the issue.
Cheers-
Pramod

Create credit request through E-commerce B2B application

Hello Experts,
My client has a requirement to allow the customers to create a Credit Memo request through E-Commerce B2B application.
As I understand Credit request is of type Sales Transaction, which is normally created with reference to a billing document. However in our current scenario, credit request has to be created with out any reference to the Billing document moreover there wont be any reference to the Sales order as well.
Can you suggest me any possible solution for my current requirement. If it is not possible by standard SAP, how can I achieve by custom development.
I appreciate any helpful suggestion.
Many Thanks,
Srinivasu

Any update on this?

Scroll bar in spark application

hi all
i have developed a spark application, but its vey strange that scroll are not coming automatically if the application is resized.
So how can i get the scroll bars.
Please Help
regards
kapil arora

Tried that but still scroll are not coming.

Apply Gradient across stroke not working now?

Updated Illustrator to CC and now my apply gradient to stroke is acting funny (also does it with apply along stroke). First i can't get it to show up unless I find a number it likes (start out with 1 pt, don't see a stoke so increase size 1 pt at a time up to 11 to see it) now the corners have gotten strange, They seem to be missing small patches. Any idea what's causing this? You can see in the image I am not doing anything fancy, it's type and then just to make sure it wasn't a font problem I tried just a rectangle. It seems to be worst with corner set to round joint.
TIA,
LVChris

Sorry Larry that didn't fix it. Sent the files to Adobe for review. Anyone elese reproduce this problem?
It's easy to test;
1. create a rectangle
2. add a fill and stroke
3. change the stroke to a gradient and make it big enough to see
4. change the stroke cap to round and cap corner to round join
5. change the gradient to apply gradient along stroke or across stroke
I do this to nearly everything and have been for years...very strange problem
I also just made the same object in CS6 and it worked flawlessly.

How to apply persistence through command?

In indesign6 sdk there is en example WaterFishPrice , my task is to persist the value in text item(text item obtaining value from pallete) .I have to apply persistence through commands.Pls help in completing the task?

You'll have to have some patience. I'm not a devleoper, and I don't know that John is, either. Your topic was moved from the general forum where nobody has a clue about your problem, to the SDK forum where people who can help will be found, but traffic is slow here.

How to apply gradient effect to JTable

Hi
It is easier to apply gradient effect to JTable by overriding paintComponent() and giving gradient effect using the following code
Graphics2D g2 = gradientImage.createGraphics();
GradientPaint painter = new GradientPaint(0, 0, gradientEnd,
0, height, gradientStart);
g2.setPaint(painter);
Rectangle2D rect = new Rectangle2D.Double(0, 0, width, height);
g2.fill(rect);
but my problem is , after applying gradient effect the cell contents are not visible.
what i need to do to make the cells visible..... please any one help me to sort out this.....
Thanks in advance.......

Well the basic code should be:
// do gradient painting
super.paintComponent(...);But you will also need to customize the renderers to make them non-opaque.
And you may also need to make the table non-opaque.
If you need further help then you need to create a [Short, Self Contained, Compilable and Executable, Example Program (SSCCE)|http://homepage1.nifty.com/algafield/sscce.html], that demonstrates the incorrect behaviour.
Don't forget to use the Code Formatting Tags so the posted code retains its original formatting. That is done by selecting the code and then clicking on the "Code" button above the question input area.

Access to x/y & width/height through CSS

Why is it that setting a component's x, y, width and height is not supported through CSS when it is possible to alter its position and dimensions using left, right, top, bottom, horizontalCenter, verticalCenter etc?
Obviously I understand that x,y, width and height are not styles, but given that they could easily be controlled by styles, I can't understand why this capacity is missing.

Isn't it quite a high price to pay for losing the ability to write fully semantic code? In many situations it becomes impossible to separate position and dimension declarations from the tags representing the components. Ideally shouldn't we be able to perform all styling and layout from CSS as per HTML?
Is this something that is set in stone, or is it something that might change at some point? Most CSS styles are set once at startup, so performance wouldn't be too much of a problem in a lot of cases.

Spark Application Layout Questions

Just started playing out with Flex 4 Beta...
Does anyone know the reasoning why spark application's layout property has to be set to a new instance of a layoutContainer? For instance, in my MXML I have to say layout="{new spark.layouts.VerticalLayout()}". With halo I could do layout="Vertical".
Are there new enhancements to the spark components with regards to layouts that prompted this change? What cool new things can I do with them?
Thanks,
Bryan

And another cool thing you can do with the new layout system is change values using the new states syntax:
<?xml version="1.0"?><s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
<s:layout>
    <s:VerticalLayout gap="24" gap.state2="4"            paddingLeft="
20" paddingTop="20" />
</s:layout>
<s:states>
    <s:State name="state1" />
    <s:State name="state2" />
</s:states>
<s:HGroup>
    <s:Button label="goto state1" click="currentState='state1';" />
    <s:Button label="goto state2" click="currentState='state2';" />
</s:HGroup>
<s:Button label="Button 1" />
<s:Button label="Button 2" />
<s:Button label="Button 3" />
<s:Button label="Button 4" />
</s:Application>
Using the code above, the default/state1 state will use a vertial gap of 24 pixels, while state2 will use a vertical gap of only 4 pixels.
Peter

[svn:fx-4.x] 14141: Spark AT Marshalling: Registering the application so that appropriate listeners can be added by AutomationManager to support automation of marshalled spark applications .

Revision: 14141
Revision: 14141
Author:   [email protected]
Date:     2010-02-12 00:07:28 -0800 (Fri, 12 Feb 2010)
Log Message:
Spark AT Marshalling: Registering the application so that appropriate listeners can be added by AutomationManager to support automation of marshalled spark applications.
QE notes:
Doc notes:
Bugs: FLEXENT-1234 - (id is incorrect for marshalled spark WindowedApplication)
Reviewer:
Tests run: Checkintests
Is noteworthy for integration:
Ticket Links:
    http://bugs.adobe.com/jira/browse/FLEXENT-1234
Modified Paths:
    flex/sdk/branches/4.x/frameworks/projects/automation_spark/src/spark/automation/delegates /components/SparkApplicationAutomationImpl.as

thx... have tried it now... works great so far.. good work!! Maybe CL could learn something from us. Everything doesnt have to cost money!!? Once again, great job.Message Edited by HaZe303 on 04-2-2006 09:43 PM

Applying Gradient through css in spark application of gumbo

Similar Messages

Maybe you are looking for