Actually, you could translate the artwork you created in Illustrator to Degrafa
Path data
and make a full Illustrator-like authoring tool. Here's some simple examples:
http://samples.degrafa.com/BindingSample/BindingSample.html
Maybe one of these custom flow container's would work:
http://www.munkiihouse.com/?p=60
http://flexlib.googlecode.com/svn/trunk/docs/flexlib/containers/FlowBox.html
http://blog.3r1c.net/?p=88
Juan
scalenine.com : degrafa.com
--- In flexcoders@yahoogroups.com, Pan Troglodytes
[EMAIL
You could use a Pause effect in a Sequence:
mx:Sequence
mx:Pause duration=5000/
mx:Fade alphaFrom=1 alphaTo=0/
/mx:Sequence
Or use effectEnd:
mx:Pause duration=5000 effectEnd=myEffect.play();/
mx:Fade id=myEffect alphaFrom=1 alphaTo=0/
Those are just a couple options that may, or may
Check this out:
http://samples.degrafa.com/DynamicGridLines/GridSample.html
It uses Degrafa, an open-source declarative graphics framework for
Flex. You can learn more about it here: http://www.degrafa.com or
check it out on Google Code http:// code.degrafa.com .
Hope that helps.
Juan
Check out degrafa.com . You can use SVG path data via MXML or API and
manipulate the artwork at runtime as needed.
Hope that helps.
--- In flexcoders@yahoogroups.com, mthomas1969 [EMAIL PROTECTED] wrote:
I've embedded some SVG files and loaded them into mx:Image tags, but
I can't seem to
You could make one using Degrafa : http://www.degrafa.com or
http://code.degrafa.com .
There's samples here: http://samples.degrafa.com . Check out the clock.
--- In flexcoders@yahoogroups.com, coder3 [EMAIL PROTECTED] wrote:
Hi All,
i need to implement a real time meter for my web app.
You may need to fake it by using the child container to overlap the
top rounded corners by adjusting paddingTop of the TabNavigator, like
this:
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute
mx:TabNavigator x=401 y=361 width=200
In case anyone is interested, the beta of Degrafa was released
yesterday. If you're not familiar wit Degrafa, it's a declarative
graphics framework for Flex that allows you to use MXML markup to draw
shapes, make complex graphics, create skins and also includes advanced
CSS support.
Learn more
I may have missed something, but is there a reason why a
HorizontalList wouldn't work?
Juan
scalenine.com : degrafa.com
--- In flexcoders@yahoogroups.com, ad9798 [EMAIL PROTECTED] wrote:
--- In flexcoders@yahoogroups.com, Kevin lists@ wrote:
Do you need to use a TileList for this? Would
Hi Mark,
Using the Flex Component Kit and Flash CS3 you can do what you're
looking for. I just wrote a tutorial about using the FCK to create a
stateful skin with transitions. You can read it here :
http://tinyurl.com/yoxqcq .
The tutorial describes how to make a basic transition, but you could
I had the same issue with the player on Shilliber.com. Exact same use
case. I think the guy who programmed it up ended up using a VBox.
Juan
scalenine.com | degarafa.com | ocflex.org
--- In flexcoders@yahoogroups.com, Jurgen Beck [EMAIL PROTECTED] wrote:
Makes sense, Alex. Thanks!
I also
Here's another article that might help:
http://www.adobe.com/devnet/flex/quickstart/embedding_assets/
When using Flash assets you can either set the scale9 grids in Flash
or you can do it in the Embed in your CSS. I usually use Flash and set
the grids in Flash as well. You can edit the scaleGrid
I've realized that every dev team is different, so I can only speak
from my experience. Typically I'll do the UI design, layout the app in
MXML and then apply the appropriate skins. If there's some custom
component work, or something that goes beyond what you can do with
Flex's out of box stuff I
This may not be what you're looking for, but I did this quick example
a while back (view source enabled):
http://share.scalenine.com/source/Colors/Colors.html
Also, there's this article:
I'll be there.
Juan
scalenine.com
degrafa.com
--- In flexcoders@yahoogroups.com, ben.clinkinbeard
[EMAIL PROTECTED] wrote:
Just curious how many people from the list will be in Chicago.
Ben
You mean like this in a CSS file?:
CursorManager {
busyCursor: Embed(source=busy.png);
busyCursorBackground: Embed(source=busyBg.png);
}
DragManager {
copyCursor: Embed(source=copy.png);
defaultDragImageSkin: Embed(source=dragImage.png);
linkCursor: Embed(source=link.png);
Like Alex mentioned, this will be something you'll be able to do in
Flex 3. I've done it using the Flex Component Kit, Flash CS3 and Flex
3 to replicate what George Comninos demoed at 360Flex:
http://www.colettas.org/?p=150
http://cruxy.com/stores/pubstoreDetailVideo.jsp?id=11450
It was pretty
For that type of scenario I sometimes set the button to toggle and
then skin the selected state.
Like this:
.playButton
{
upSkin: Embed...(playButtonSkin)
overSkin: Embed...(playButtonSkin)
downSkin: Embed...(playButtonSkin)
disabledSkin: Embed...(playButtonSkin)
There's always the EnhancedButton Skin on FlexLib:
http://www.wabysabi.com/blog/2007/04/13/flex-enhancedbuttonskin-component-released/
http://code.google.com/p/flexlib/wiki/ComponentList
With a nice explorer:
Also check out:
http://fleksray.org/Flex_skin.html
http://www.fillcolors.com
http://bkflex.blogspot.com/ - Bhavin has some skins on there.
Also, you can do a search on Adobe Exchange in the Flex section:
http://www.adobe.com/cfusion/exchange/
Hope that helps.
Juan
scalenine.com
degrafa.com
I believe setting a value for leading will do what you're looking for.
mx:Text text=This text is vertically spaced out leading=30
width=54/
I think the term leading comes from the olden days of printing
presses when lead was used to create space between lines of text.
Hope that helps.
Juan
Something like this?
http://flexibleexperiments.wordpress.com/2007/04/28/flex-201-combobox-with-icon-support/
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, lincmitch [EMAIL PROTECTED] wrote:
I have the same requirement. Did you resolve it yet?
--- In flexcoders@yahoogroups.com,
Transitions essentially tell a State the sequence of how and when
things change from state to state and what effects should be applied
using Parallel or Sequence. You can kind of look at a Transition like
a time line. For example (in non-technical terms), move and fade this
button, then, when
of this.
Unfortunately, though, this didn't work. I applied
in a couple of different ways and still no luck.
But, again, thanks for the suggestion! It was
worth a try.
PHall
--- In flexcoders@yahoogroups.com, scalenine juan@ wrote:
I know you can set that via styling:
mx:Style
I know you can set that via styling:
mx:Style
Tab {
textAlign:left;
}
/mx:Style
--- In flexcoders@yahoogroups.com, phall121 [EMAIL PROTECTED] wrote:
I'm not to get textAlign=left working on the TabBar
control. I've searched the
mouseEnabled=false ?
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, boy_trike [EMAIL PROTECTED] wrote:
I am using a drop in checkbox in a datagrid. I do NOT want the user
to be able to change it.
When I set enabled=false it is greyed out. How do I have it
displayed without being
I'm not sure, but from a usability stand point you might just want to
add your own to your app. The reason being that not all browsers have
the Status Bar at the bottom and it's something that can be turned on
and off by a user.
Also, saving something is a pretty big deal and having an indicator
to consider. The users weren't
liking the popup box that needed clicking to continue.
John
--- In flexcoders@yahoogroups.com, scalenine juan@ wrote:
I'm not sure, but from a usability stand point you might just want to
add your own to your app. The reason being that not all browsers have
Check this out:
http://labs.flexcoders.nl/?p=52
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, Vinay Pillay [EMAIL PROTECTED] wrote:
Hi friends
I am trying to insert smiley icon in a textarea
I tried using html text,but it always appear in a new line
Is there anyother way to do
You can call them out separately in CSS styling:
VSlider {
[insert styling attributes here]
}
HSlider {
[insert styling attributes here]
}
or if you want to create more variations:
.anotherSlider {
[insert styling attributes here]
}
Another way is to just style the sliders inline in the
I've seen this, but it's $119 I think.
http://www.teotigraphix.com/product#taskpanefx
Here's a sample of it in action:
http://www.teotigraphix.com/flexAssets/taskpanefx/DualPaneExample.html
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, Jon Bradley [EMAIL PROTECTED] wrote:
Hey all,
Jon,
I went through the same thing. Check out the Lightroom theme I made (I
called it Darkroom so people wouldn't expect all the functionality to
be there).
http://scalenine.com/blog/2007/05/05/darkroom-theme-available/
I got the functionality you're looking for to work, but I had to abuse
some
Like Little Snitch?
http://www.obdev.at/products/littlesnitch/index.html
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, Steve Kellogg [EMAIL PROTECTED] wrote:
Hello,
When developing on a Windows machine, I find MS's Fiddler utility to be
a lifesaver (It let's me see html
Try this:
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute
mx:TabNavigator horizontalCenter=0 verticalCenter=0
resizeToContent=true cornerRadius=10 paddingTop=0
paddingRight=10 paddingBottom=10
mx:Canvas label=Tab 1
perfect. Thanks again -
Iko
--- In flexcoders@yahoogroups.com, scalenine juan@ wrote:
Try this:
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute
mx:TabNavigator horizontalCenter=0 verticalCenter=0
resizeToContent=true
Try this:
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute
mx:Button x=48 y=31 label=Press Me click=input.text='Im under
a canvas';/
mx:TextInput x=170 y=31 id=input/
mx:Canvas x=10 y=10 width=152 height=69
Try setting creationPolicy=all.
http://livedocs.adobe.com/flex/201/langref/mx/core/Container.html#creationPolicy
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, Matt [EMAIL PROTECTED] wrote:
I'm dynamically creating content with ActionScript and I create a
TabNavigator (set
Try this:
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute
mx:TabNavigator horizontalCenter=0 verticalCenter=0
resizeToContent=true
mx:Canvas label=Tab 1 width=300 height=300/
mx:Canvas label=Tab 2
Looks like you already did that. Nevermind.
--- In flexcoders@yahoogroups.com, scalenine [EMAIL PROTECTED] wrote:
Try setting creationPolicy=all.
http://livedocs.adobe.com/flex/201/langref/mx/core/Container.html#creationPolicy
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, Matt
Here's a post about it with some close attempts:
http://thanksmister.com/?p=55
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, Jeffry Houser [EMAIL PROTECTED] wrote:
scrapblog.com ?
Other than that, no I haven't. I'm not convined that Blogging is a
medium that will benefit
I think you'd need to embed both and call either SWF when it's needed.
It's similar to what I had to do to swap SWF assets to get themes to
switch in an app.
Like this:
http://www.scalenine.com/samples/themeSwapper/themeSwap.html
Click on the buttons next to Choose a theme.
Juan
--- In
You mean like what's posted here:
http://www.joshbuhler.com/2007/04/04/flex-cs3-icon/
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, Bjorn Schultheiss
[EMAIL PROTECTED] wrote:
Is there a patch to 201 to update the icon to the cs3 style icon?
Regards,
Bjorn Schultheiss
Senior
I use the solution presented here:
http://renaun.com/blog/2006/12/08/165/
Works like a charm for any component including Application, Canvas,
VBox, HBox, etc.
Hope that helps.
Juan
scalenine.com
--- In flexcoders@yahoogroups.com, Paul Whitelock [EMAIL PROTECTED] wrote:
I've just started
You can set the paddingLeft and paddingRight attributes inline to
adjust to your liking.
mx:ComboBox x=443 y=230 paddingLeft=-3 paddingRight=0
mx:dataProvider
mx:Array
mx:Object label=Item 1/
I know for CSS you just right-click on the file and select compile
css to swf. Is that what you mean?
--- In flexcoders@yahoogroups.com, Bryan Clover [EMAIL PROTECTED] wrote:
Hi All,
I have been able to use the command-line compilers to compile
themes, modules, etc.
But, I was wondering
In case anyone is interested I made some Apollo TShirts based on
community input and they are now for sale. They were home made on a
screen printer I have and they are made on a per order basis.
Check 'em out:
http://scalenine.com/blog/2007/03/22/apollo-tshirts-now-available/
This may be the
Kenny,
I've got a list of UI design books on the resources page of ScaleNine:
http://www.scalenine.com/resources.html
They've helped me. Also, check out the showcase section for samples of
other Flex/Apollo projects. There's some great stuff there to get
inspired.
Juan
scalenine.com
Phil,
I made a Flex/Apollo theme that has a part that does what I think
you're looking for. Check it out:
http://www.scalenine.com/themes/messenger/messenger.html
As a side note I'm thinking about starting a mailing list dedicated to
UI customization stuff. The group I started can be seen here:
Maybe the SWF has scale9 grids set on it and the PNG does not. If the
SWF scale9 grids are set a little off they can stretch the graphic.
Also, you may want to take a look at the SWF graphics in Flash and
break them apart if you brought them in from Illustrator. I was having
similar issues with
49 matches
Mail list logo