You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@flex.apache.org by Dwayne Henderson <it...@gmail.com> on 2013/02/01 14:50:36 UTC

Improving Flex Chart's CSS support

Hello!

Does anybody know how the improvement of Flex Chart's CSS support /
adherence to W3C standards is going?

Hoping to soon be able to remove all those "Wait for improved CSS support",
"Should be CSS" etc. comments in my code:

https://gist.github.com/1623621
https://gist.github.com/1623625
https://gist.github.com/1623628

Thank you!

--Dwayne

Re: Improving Flex Chart's CSS support

Posted by Dwayne Henderson <it...@gmail.com>.
Just found D3:

https://github.com/mbostock/d3/wiki/Gallery

Looks amazing!

--Dwayne

On Sat, Feb 2, 2013 at 8:33 AM, Dwayne Henderson <its.code.in.here@gmail.com
> wrote:

> Here they are. Would somebody who's already familiar with JIRA mind
> importing these please?
>
> 1. Positioning items in a row:
>
> <s:layout>
>   <s:HorizontalLayout />
> </s:layout>
>
> Oughta be: #column-chart { display: inline; } or inline-block
>
> 2. Hiding shadows:
>
> <mx:seriesFilters>
>   <fx:Array />
> </mx:seriesFilters>
>
> Oughta be: #column-chart { box-shadow: none; } or .drop-shadow { display:
> none; }
>
> 3. Hiding grid lines:
>
> <mx:backgroundElements>
>   <fx:Array />
> </mx:backgroundElements>
>
> Oughta be: .grid-lines { display: none; }
>
> 4. Hiding axis lines and tick placements:
>
> <mx:horizontalAxisRenderers>
>   <mx:AxisRenderer id="horizontalAxis" axis="{chart.horizontalAxis}"
> showLine="false" tickPlacement="none" />
> </mx:horizontalAxisRenderers>
> <mx:verticalAxisRenderers>
>   <mx:AxisRenderer id="verticalAxis" axis="{chart.verticalAxis}"
> showLine="false" tickPlacement="none" />
> </mx:verticalAxisRenderers>
>
> Oughta be:
>
> #horizontal-axis-renderer.gridlines,
> #horizontal-axis-renderer.tick-placements,
> #vertical-axis-renderer.gridlines,
> #vertical-axis-renderer.tick-placements { display: none; }
>
> 8. No made up declaration names (make those selectors instead):
>
> .myAxisStyles { showLine: false; tickPlacement: none; }
>
> Oughta be: .axis-lines, .tick-placements { display: none; }
>
> 5. Use real size units:
>
> mx|DataTip { paddingLeft: 3; paddingTop: 3; }
>
> Oughta be: .datatip { padding-left: 3px; padding-top: 3px; }
>
> 7. Support CSS shorthand:
>
> .datatip { padding: 3px 0 0 3px; }
>
> --Dwayne
>
>
> On Fri, Feb 1, 2013 at 6:15 PM, Frédéric THOMAS <we...@hotmail.com>wrote:
>
>> Dwayne,
>>
>> One year ago or so you wrote something on the ML describing what could be
>> done on this road, could you find it and open a JIRA with please.
>>
>> -Fred
>>
>> -----Message d'origine----- From: Alex Harui
>> Sent: Friday, February 01, 2013 6:09 PM
>> To: dev@flex.apache.org
>> Subject: Re: Improving Flex Chart's CSS support
>>
>>
>> Is there a JIRA issue for this?
>>
>>
>> On 2/1/13 6:05 AM, "Frédéric THOMAS" <we...@hotmail.com> wrote:
>>
>>  Hi,
>>>
>>> You right, there are things to do but I guess no one started something
>>> on it
>>> yet, that's a quite long run anyway to implement, did you tried yourself
>>> to
>>> get into ?
>>>
>>> -Fred
>>>
>>> -----Message d'origine-----
>>> From: Dwayne Henderson
>>> Sent: Friday, February 01, 2013 2:50 PM
>>> To: flex-dev@incubator.apache.org
>>> Subject: Improving Flex Chart's CSS support
>>>
>>> Hello!
>>>
>>> Does anybody know how the improvement of Flex Chart's CSS support /
>>> adherence to W3C standards is going?
>>>
>>> Hoping to soon be able to remove all those "Wait for improved CSS
>>> support",
>>> "Should be CSS" etc. comments in my code:
>>>
>>> https://gist.github.com/**1623621 <https://gist.github.com/1623621>
>>> https://gist.github.com/**1623625 <https://gist.github.com/1623625>
>>> https://gist.github.com/**1623628 <https://gist.github.com/1623628>
>>>
>>> Thank you!
>>>
>>> --Dwayne
>>>
>>>
>> --
>> Alex Harui
>> Flex SDK Team
>> Adobe Systems, Inc.
>> http://blogs.adobe.com/aharui
>>
>>
>

Re: Improving Flex Chart's CSS support

Posted by Avi Kessner <ak...@gmail.com>.
Ha, no it's been my signature since 1996 :)

brought to you by the letters A, V, and I
and the number 47


On Sat, Feb 2, 2013 at 8:13 PM, Dwayne Henderson <its.code.in.here@gmail.com
> wrote:

> > Is there an effort to get Flex CSS to be the same syntax as HTML css?
>
> I hope so!
>
> > brought to you by the letters A, V, and I
> > and the number 47
>
> Are you drunk?
>
> --Dwayne
>
> On Sat, Feb 2, 2013 at 6:29 PM, Avi Kessner <ak...@gmail.com> wrote:
>
> > Is there an effort to get Flex CSS to be the same syntax as HTML css?
> >
> > brought to you by the letters A, V, and I
> > and the number 47
> >
> >
> > On Sat, Feb 2, 2013 at 9:38 AM, Dwayne Henderson <
> > its.code.in.here@gmail.com
> > > wrote:
> >
> > > Dunno if this has already been handled:
> > >
> > > http://stackoverflow.com/questions/8064286/flexs-areachart-bug
> > >
> > > --Dwayne
> > >
> > > On Sat, Feb 2, 2013 at 8:33 AM, Dwayne Henderson <
> > > its.code.in.here@gmail.com
> > > > wrote:
> > >
> > > > Here they are. Would somebody who's already familiar with JIRA mind
> > > > importing these please?
> > > >
> > > > 1. Positioning items in a row:
> > > >
> > > > <s:layout>
> > > >   <s:HorizontalLayout />
> > > > </s:layout>
> > > >
> > > > Oughta be: #column-chart { display: inline; } or inline-block
> > > >
> > > > 2. Hiding shadows:
> > > >
> > > > <mx:seriesFilters>
> > > >   <fx:Array />
> > > > </mx:seriesFilters>
> > > >
> > > > Oughta be: #column-chart { box-shadow: none; } or .drop-shadow {
> > display:
> > > > none; }
> > > >
> > > > 3. Hiding grid lines:
> > > >
> > > > <mx:backgroundElements>
> > > >   <fx:Array />
> > > > </mx:backgroundElements>
> > > >
> > > > Oughta be: .grid-lines { display: none; }
> > > >
> > > > 4. Hiding axis lines and tick placements:
> > > >
> > > > <mx:horizontalAxisRenderers>
> > > >   <mx:AxisRenderer id="horizontalAxis" axis="{chart.horizontalAxis}"
> > > > showLine="false" tickPlacement="none" />
> > > > </mx:horizontalAxisRenderers>
> > > > <mx:verticalAxisRenderers>
> > > >   <mx:AxisRenderer id="verticalAxis" axis="{chart.verticalAxis}"
> > > > showLine="false" tickPlacement="none" />
> > > > </mx:verticalAxisRenderers>
> > > >
> > > > Oughta be:
> > > >
> > > > #horizontal-axis-renderer.gridlines,
> > > > #horizontal-axis-renderer.tick-placements,
> > > > #vertical-axis-renderer.gridlines,
> > > > #vertical-axis-renderer.tick-placements { display: none; }
> > > >
> > > > 8. No made up declaration names (make those selectors instead):
> > > >
> > > > .myAxisStyles { showLine: false; tickPlacement: none; }
> > > >
> > > > Oughta be: .axis-lines, .tick-placements { display: none; }
> > > >
> > > > 5. Use real size units:
> > > >
> > > > mx|DataTip { paddingLeft: 3; paddingTop: 3; }
> > > >
> > > > Oughta be: .datatip { padding-left: 3px; padding-top: 3px; }
> > > >
> > > > 7. Support CSS shorthand:
> > > >
> > > > .datatip { padding: 3px 0 0 3px; }
> > > >
> > > > --Dwayne
> > > >
> > > >
> > > > On Fri, Feb 1, 2013 at 6:15 PM, Frédéric THOMAS <
> > webdoublefx@hotmail.com
> > > >wrote:
> > > >
> > > >> Dwayne,
> > > >>
> > > >> One year ago or so you wrote something on the ML describing what
> could
> > > be
> > > >> done on this road, could you find it and open a JIRA with please.
> > > >>
> > > >> -Fred
> > > >>
> > > >> -----Message d'origine----- From: Alex Harui
> > > >> Sent: Friday, February 01, 2013 6:09 PM
> > > >> To: dev@flex.apache.org
> > > >> Subject: Re: Improving Flex Chart's CSS support
> > > >>
> > > >>
> > > >> Is there a JIRA issue for this?
> > > >>
> > > >>
> > > >> On 2/1/13 6:05 AM, "Frédéric THOMAS" <we...@hotmail.com>
> wrote:
> > > >>
> > > >>  Hi,
> > > >>>
> > > >>> You right, there are things to do but I guess no one started
> > something
> > > >>> on it
> > > >>> yet, that's a quite long run anyway to implement, did you tried
> > > yourself
> > > >>> to
> > > >>> get into ?
> > > >>>
> > > >>> -Fred
> > > >>>
> > > >>> -----Message d'origine-----
> > > >>> From: Dwayne Henderson
> > > >>> Sent: Friday, February 01, 2013 2:50 PM
> > > >>> To: flex-dev@incubator.apache.org
> > > >>> Subject: Improving Flex Chart's CSS support
> > > >>>
> > > >>> Hello!
> > > >>>
> > > >>> Does anybody know how the improvement of Flex Chart's CSS support /
> > > >>> adherence to W3C standards is going?
> > > >>>
> > > >>> Hoping to soon be able to remove all those "Wait for improved CSS
> > > >>> support",
> > > >>> "Should be CSS" etc. comments in my code:
> > > >>>
> > > >>> https://gist.github.com/**1623621 <https://gist.github.com/1623621
> >
> > > >>> https://gist.github.com/**1623625 <https://gist.github.com/1623625
> >
> > > >>> https://gist.github.com/**1623628 <https://gist.github.com/1623628
> >
> > > >>>
> > > >>> Thank you!
> > > >>>
> > > >>> --Dwayne
> > > >>>
> > > >>>
> > > >> --
> > > >> Alex Harui
> > > >> Flex SDK Team
> > > >> Adobe Systems, Inc.
> > > >> http://blogs.adobe.com/aharui
> > > >>
> > > >>
> > > >
> > >
> >
>

Re: Improving Flex Chart's CSS support

Posted by Dwayne Henderson <it...@gmail.com>.
> Is there an effort to get Flex CSS to be the same syntax as HTML css?

I hope so!

> brought to you by the letters A, V, and I
> and the number 47

Are you drunk?

--Dwayne

On Sat, Feb 2, 2013 at 6:29 PM, Avi Kessner <ak...@gmail.com> wrote:

> Is there an effort to get Flex CSS to be the same syntax as HTML css?
>
> brought to you by the letters A, V, and I
> and the number 47
>
>
> On Sat, Feb 2, 2013 at 9:38 AM, Dwayne Henderson <
> its.code.in.here@gmail.com
> > wrote:
>
> > Dunno if this has already been handled:
> >
> > http://stackoverflow.com/questions/8064286/flexs-areachart-bug
> >
> > --Dwayne
> >
> > On Sat, Feb 2, 2013 at 8:33 AM, Dwayne Henderson <
> > its.code.in.here@gmail.com
> > > wrote:
> >
> > > Here they are. Would somebody who's already familiar with JIRA mind
> > > importing these please?
> > >
> > > 1. Positioning items in a row:
> > >
> > > <s:layout>
> > >   <s:HorizontalLayout />
> > > </s:layout>
> > >
> > > Oughta be: #column-chart { display: inline; } or inline-block
> > >
> > > 2. Hiding shadows:
> > >
> > > <mx:seriesFilters>
> > >   <fx:Array />
> > > </mx:seriesFilters>
> > >
> > > Oughta be: #column-chart { box-shadow: none; } or .drop-shadow {
> display:
> > > none; }
> > >
> > > 3. Hiding grid lines:
> > >
> > > <mx:backgroundElements>
> > >   <fx:Array />
> > > </mx:backgroundElements>
> > >
> > > Oughta be: .grid-lines { display: none; }
> > >
> > > 4. Hiding axis lines and tick placements:
> > >
> > > <mx:horizontalAxisRenderers>
> > >   <mx:AxisRenderer id="horizontalAxis" axis="{chart.horizontalAxis}"
> > > showLine="false" tickPlacement="none" />
> > > </mx:horizontalAxisRenderers>
> > > <mx:verticalAxisRenderers>
> > >   <mx:AxisRenderer id="verticalAxis" axis="{chart.verticalAxis}"
> > > showLine="false" tickPlacement="none" />
> > > </mx:verticalAxisRenderers>
> > >
> > > Oughta be:
> > >
> > > #horizontal-axis-renderer.gridlines,
> > > #horizontal-axis-renderer.tick-placements,
> > > #vertical-axis-renderer.gridlines,
> > > #vertical-axis-renderer.tick-placements { display: none; }
> > >
> > > 8. No made up declaration names (make those selectors instead):
> > >
> > > .myAxisStyles { showLine: false; tickPlacement: none; }
> > >
> > > Oughta be: .axis-lines, .tick-placements { display: none; }
> > >
> > > 5. Use real size units:
> > >
> > > mx|DataTip { paddingLeft: 3; paddingTop: 3; }
> > >
> > > Oughta be: .datatip { padding-left: 3px; padding-top: 3px; }
> > >
> > > 7. Support CSS shorthand:
> > >
> > > .datatip { padding: 3px 0 0 3px; }
> > >
> > > --Dwayne
> > >
> > >
> > > On Fri, Feb 1, 2013 at 6:15 PM, Frédéric THOMAS <
> webdoublefx@hotmail.com
> > >wrote:
> > >
> > >> Dwayne,
> > >>
> > >> One year ago or so you wrote something on the ML describing what could
> > be
> > >> done on this road, could you find it and open a JIRA with please.
> > >>
> > >> -Fred
> > >>
> > >> -----Message d'origine----- From: Alex Harui
> > >> Sent: Friday, February 01, 2013 6:09 PM
> > >> To: dev@flex.apache.org
> > >> Subject: Re: Improving Flex Chart's CSS support
> > >>
> > >>
> > >> Is there a JIRA issue for this?
> > >>
> > >>
> > >> On 2/1/13 6:05 AM, "Frédéric THOMAS" <we...@hotmail.com> wrote:
> > >>
> > >>  Hi,
> > >>>
> > >>> You right, there are things to do but I guess no one started
> something
> > >>> on it
> > >>> yet, that's a quite long run anyway to implement, did you tried
> > yourself
> > >>> to
> > >>> get into ?
> > >>>
> > >>> -Fred
> > >>>
> > >>> -----Message d'origine-----
> > >>> From: Dwayne Henderson
> > >>> Sent: Friday, February 01, 2013 2:50 PM
> > >>> To: flex-dev@incubator.apache.org
> > >>> Subject: Improving Flex Chart's CSS support
> > >>>
> > >>> Hello!
> > >>>
> > >>> Does anybody know how the improvement of Flex Chart's CSS support /
> > >>> adherence to W3C standards is going?
> > >>>
> > >>> Hoping to soon be able to remove all those "Wait for improved CSS
> > >>> support",
> > >>> "Should be CSS" etc. comments in my code:
> > >>>
> > >>> https://gist.github.com/**1623621 <https://gist.github.com/1623621>
> > >>> https://gist.github.com/**1623625 <https://gist.github.com/1623625>
> > >>> https://gist.github.com/**1623628 <https://gist.github.com/1623628>
> > >>>
> > >>> Thank you!
> > >>>
> > >>> --Dwayne
> > >>>
> > >>>
> > >> --
> > >> Alex Harui
> > >> Flex SDK Team
> > >> Adobe Systems, Inc.
> > >> http://blogs.adobe.com/aharui
> > >>
> > >>
> > >
> >
>

Re: Improving Flex Chart's CSS support

Posted by Avi Kessner <ak...@gmail.com>.
Is there an effort to get Flex CSS to be the same syntax as HTML css?

brought to you by the letters A, V, and I
and the number 47


On Sat, Feb 2, 2013 at 9:38 AM, Dwayne Henderson <its.code.in.here@gmail.com
> wrote:

> Dunno if this has already been handled:
>
> http://stackoverflow.com/questions/8064286/flexs-areachart-bug
>
> --Dwayne
>
> On Sat, Feb 2, 2013 at 8:33 AM, Dwayne Henderson <
> its.code.in.here@gmail.com
> > wrote:
>
> > Here they are. Would somebody who's already familiar with JIRA mind
> > importing these please?
> >
> > 1. Positioning items in a row:
> >
> > <s:layout>
> >   <s:HorizontalLayout />
> > </s:layout>
> >
> > Oughta be: #column-chart { display: inline; } or inline-block
> >
> > 2. Hiding shadows:
> >
> > <mx:seriesFilters>
> >   <fx:Array />
> > </mx:seriesFilters>
> >
> > Oughta be: #column-chart { box-shadow: none; } or .drop-shadow { display:
> > none; }
> >
> > 3. Hiding grid lines:
> >
> > <mx:backgroundElements>
> >   <fx:Array />
> > </mx:backgroundElements>
> >
> > Oughta be: .grid-lines { display: none; }
> >
> > 4. Hiding axis lines and tick placements:
> >
> > <mx:horizontalAxisRenderers>
> >   <mx:AxisRenderer id="horizontalAxis" axis="{chart.horizontalAxis}"
> > showLine="false" tickPlacement="none" />
> > </mx:horizontalAxisRenderers>
> > <mx:verticalAxisRenderers>
> >   <mx:AxisRenderer id="verticalAxis" axis="{chart.verticalAxis}"
> > showLine="false" tickPlacement="none" />
> > </mx:verticalAxisRenderers>
> >
> > Oughta be:
> >
> > #horizontal-axis-renderer.gridlines,
> > #horizontal-axis-renderer.tick-placements,
> > #vertical-axis-renderer.gridlines,
> > #vertical-axis-renderer.tick-placements { display: none; }
> >
> > 8. No made up declaration names (make those selectors instead):
> >
> > .myAxisStyles { showLine: false; tickPlacement: none; }
> >
> > Oughta be: .axis-lines, .tick-placements { display: none; }
> >
> > 5. Use real size units:
> >
> > mx|DataTip { paddingLeft: 3; paddingTop: 3; }
> >
> > Oughta be: .datatip { padding-left: 3px; padding-top: 3px; }
> >
> > 7. Support CSS shorthand:
> >
> > .datatip { padding: 3px 0 0 3px; }
> >
> > --Dwayne
> >
> >
> > On Fri, Feb 1, 2013 at 6:15 PM, Frédéric THOMAS <webdoublefx@hotmail.com
> >wrote:
> >
> >> Dwayne,
> >>
> >> One year ago or so you wrote something on the ML describing what could
> be
> >> done on this road, could you find it and open a JIRA with please.
> >>
> >> -Fred
> >>
> >> -----Message d'origine----- From: Alex Harui
> >> Sent: Friday, February 01, 2013 6:09 PM
> >> To: dev@flex.apache.org
> >> Subject: Re: Improving Flex Chart's CSS support
> >>
> >>
> >> Is there a JIRA issue for this?
> >>
> >>
> >> On 2/1/13 6:05 AM, "Frédéric THOMAS" <we...@hotmail.com> wrote:
> >>
> >>  Hi,
> >>>
> >>> You right, there are things to do but I guess no one started something
> >>> on it
> >>> yet, that's a quite long run anyway to implement, did you tried
> yourself
> >>> to
> >>> get into ?
> >>>
> >>> -Fred
> >>>
> >>> -----Message d'origine-----
> >>> From: Dwayne Henderson
> >>> Sent: Friday, February 01, 2013 2:50 PM
> >>> To: flex-dev@incubator.apache.org
> >>> Subject: Improving Flex Chart's CSS support
> >>>
> >>> Hello!
> >>>
> >>> Does anybody know how the improvement of Flex Chart's CSS support /
> >>> adherence to W3C standards is going?
> >>>
> >>> Hoping to soon be able to remove all those "Wait for improved CSS
> >>> support",
> >>> "Should be CSS" etc. comments in my code:
> >>>
> >>> https://gist.github.com/**1623621 <https://gist.github.com/1623621>
> >>> https://gist.github.com/**1623625 <https://gist.github.com/1623625>
> >>> https://gist.github.com/**1623628 <https://gist.github.com/1623628>
> >>>
> >>> Thank you!
> >>>
> >>> --Dwayne
> >>>
> >>>
> >> --
> >> Alex Harui
> >> Flex SDK Team
> >> Adobe Systems, Inc.
> >> http://blogs.adobe.com/aharui
> >>
> >>
> >
>

Re: Improving Flex Chart's CSS support

Posted by Dwayne Henderson <it...@gmail.com>.
Dunno if this has already been handled:

http://stackoverflow.com/questions/8064286/flexs-areachart-bug

--Dwayne

On Sat, Feb 2, 2013 at 8:33 AM, Dwayne Henderson <its.code.in.here@gmail.com
> wrote:

> Here they are. Would somebody who's already familiar with JIRA mind
> importing these please?
>
> 1. Positioning items in a row:
>
> <s:layout>
>   <s:HorizontalLayout />
> </s:layout>
>
> Oughta be: #column-chart { display: inline; } or inline-block
>
> 2. Hiding shadows:
>
> <mx:seriesFilters>
>   <fx:Array />
> </mx:seriesFilters>
>
> Oughta be: #column-chart { box-shadow: none; } or .drop-shadow { display:
> none; }
>
> 3. Hiding grid lines:
>
> <mx:backgroundElements>
>   <fx:Array />
> </mx:backgroundElements>
>
> Oughta be: .grid-lines { display: none; }
>
> 4. Hiding axis lines and tick placements:
>
> <mx:horizontalAxisRenderers>
>   <mx:AxisRenderer id="horizontalAxis" axis="{chart.horizontalAxis}"
> showLine="false" tickPlacement="none" />
> </mx:horizontalAxisRenderers>
> <mx:verticalAxisRenderers>
>   <mx:AxisRenderer id="verticalAxis" axis="{chart.verticalAxis}"
> showLine="false" tickPlacement="none" />
> </mx:verticalAxisRenderers>
>
> Oughta be:
>
> #horizontal-axis-renderer.gridlines,
> #horizontal-axis-renderer.tick-placements,
> #vertical-axis-renderer.gridlines,
> #vertical-axis-renderer.tick-placements { display: none; }
>
> 8. No made up declaration names (make those selectors instead):
>
> .myAxisStyles { showLine: false; tickPlacement: none; }
>
> Oughta be: .axis-lines, .tick-placements { display: none; }
>
> 5. Use real size units:
>
> mx|DataTip { paddingLeft: 3; paddingTop: 3; }
>
> Oughta be: .datatip { padding-left: 3px; padding-top: 3px; }
>
> 7. Support CSS shorthand:
>
> .datatip { padding: 3px 0 0 3px; }
>
> --Dwayne
>
>
> On Fri, Feb 1, 2013 at 6:15 PM, Frédéric THOMAS <we...@hotmail.com>wrote:
>
>> Dwayne,
>>
>> One year ago or so you wrote something on the ML describing what could be
>> done on this road, could you find it and open a JIRA with please.
>>
>> -Fred
>>
>> -----Message d'origine----- From: Alex Harui
>> Sent: Friday, February 01, 2013 6:09 PM
>> To: dev@flex.apache.org
>> Subject: Re: Improving Flex Chart's CSS support
>>
>>
>> Is there a JIRA issue for this?
>>
>>
>> On 2/1/13 6:05 AM, "Frédéric THOMAS" <we...@hotmail.com> wrote:
>>
>>  Hi,
>>>
>>> You right, there are things to do but I guess no one started something
>>> on it
>>> yet, that's a quite long run anyway to implement, did you tried yourself
>>> to
>>> get into ?
>>>
>>> -Fred
>>>
>>> -----Message d'origine-----
>>> From: Dwayne Henderson
>>> Sent: Friday, February 01, 2013 2:50 PM
>>> To: flex-dev@incubator.apache.org
>>> Subject: Improving Flex Chart's CSS support
>>>
>>> Hello!
>>>
>>> Does anybody know how the improvement of Flex Chart's CSS support /
>>> adherence to W3C standards is going?
>>>
>>> Hoping to soon be able to remove all those "Wait for improved CSS
>>> support",
>>> "Should be CSS" etc. comments in my code:
>>>
>>> https://gist.github.com/**1623621 <https://gist.github.com/1623621>
>>> https://gist.github.com/**1623625 <https://gist.github.com/1623625>
>>> https://gist.github.com/**1623628 <https://gist.github.com/1623628>
>>>
>>> Thank you!
>>>
>>> --Dwayne
>>>
>>>
>> --
>> Alex Harui
>> Flex SDK Team
>> Adobe Systems, Inc.
>> http://blogs.adobe.com/aharui
>>
>>
>

Re: Improving Flex Chart's CSS support

Posted by Dwayne Henderson <it...@gmail.com>.
Here they are. Would somebody who's already familiar with JIRA mind
importing these please?

1. Positioning items in a row:

<s:layout>
  <s:HorizontalLayout />
</s:layout>

Oughta be: #column-chart { display: inline; } or inline-block

2. Hiding shadows:

<mx:seriesFilters>
  <fx:Array />
</mx:seriesFilters>

Oughta be: #column-chart { box-shadow: none; } or .drop-shadow { display:
none; }

3. Hiding grid lines:

<mx:backgroundElements>
  <fx:Array />
</mx:backgroundElements>

Oughta be: .grid-lines { display: none; }

4. Hiding axis lines and tick placements:

<mx:horizontalAxisRenderers>
  <mx:AxisRenderer id="horizontalAxis" axis="{chart.horizontalAxis}"
showLine="false" tickPlacement="none" />
</mx:horizontalAxisRenderers>
<mx:verticalAxisRenderers>
  <mx:AxisRenderer id="verticalAxis" axis="{chart.verticalAxis}"
showLine="false" tickPlacement="none" />
</mx:verticalAxisRenderers>

Oughta be:

#horizontal-axis-renderer.gridlines,
#horizontal-axis-renderer.tick-placements,
#vertical-axis-renderer.gridlines,
#vertical-axis-renderer.tick-placements { display: none; }

8. No made up declaration names (make those selectors instead):

.myAxisStyles { showLine: false; tickPlacement: none; }

Oughta be: .axis-lines, .tick-placements { display: none; }

5. Use real size units:

mx|DataTip { paddingLeft: 3; paddingTop: 3; }

Oughta be: .datatip { padding-left: 3px; padding-top: 3px; }

7. Support CSS shorthand:

.datatip { padding: 3px 0 0 3px; }

--Dwayne

On Fri, Feb 1, 2013 at 6:15 PM, Frédéric THOMAS <we...@hotmail.com>wrote:

> Dwayne,
>
> One year ago or so you wrote something on the ML describing what could be
> done on this road, could you find it and open a JIRA with please.
>
> -Fred
>
> -----Message d'origine----- From: Alex Harui
> Sent: Friday, February 01, 2013 6:09 PM
> To: dev@flex.apache.org
> Subject: Re: Improving Flex Chart's CSS support
>
>
> Is there a JIRA issue for this?
>
>
> On 2/1/13 6:05 AM, "Frédéric THOMAS" <we...@hotmail.com> wrote:
>
>  Hi,
>>
>> You right, there are things to do but I guess no one started something on
>> it
>> yet, that's a quite long run anyway to implement, did you tried yourself
>> to
>> get into ?
>>
>> -Fred
>>
>> -----Message d'origine-----
>> From: Dwayne Henderson
>> Sent: Friday, February 01, 2013 2:50 PM
>> To: flex-dev@incubator.apache.org
>> Subject: Improving Flex Chart's CSS support
>>
>> Hello!
>>
>> Does anybody know how the improvement of Flex Chart's CSS support /
>> adherence to W3C standards is going?
>>
>> Hoping to soon be able to remove all those "Wait for improved CSS
>> support",
>> "Should be CSS" etc. comments in my code:
>>
>> https://gist.github.com/**1623621 <https://gist.github.com/1623621>
>> https://gist.github.com/**1623625 <https://gist.github.com/1623625>
>> https://gist.github.com/**1623628 <https://gist.github.com/1623628>
>>
>> Thank you!
>>
>> --Dwayne
>>
>>
> --
> Alex Harui
> Flex SDK Team
> Adobe Systems, Inc.
> http://blogs.adobe.com/aharui
>
>

Re: Improving Flex Chart's CSS support

Posted by Frédéric THOMAS <we...@hotmail.com>.
Dwayne,

One year ago or so you wrote something on the ML describing what could be 
done on this road, could you find it and open a JIRA with please.

-Fred

-----Message d'origine----- 
From: Alex Harui
Sent: Friday, February 01, 2013 6:09 PM
To: dev@flex.apache.org
Subject: Re: Improving Flex Chart's CSS support

Is there a JIRA issue for this?


On 2/1/13 6:05 AM, "Frédéric THOMAS" <we...@hotmail.com> wrote:

> Hi,
>
> You right, there are things to do but I guess no one started something on 
> it
> yet, that's a quite long run anyway to implement, did you tried yourself 
> to
> get into ?
>
> -Fred
>
> -----Message d'origine-----
> From: Dwayne Henderson
> Sent: Friday, February 01, 2013 2:50 PM
> To: flex-dev@incubator.apache.org
> Subject: Improving Flex Chart's CSS support
>
> Hello!
>
> Does anybody know how the improvement of Flex Chart's CSS support /
> adherence to W3C standards is going?
>
> Hoping to soon be able to remove all those "Wait for improved CSS 
> support",
> "Should be CSS" etc. comments in my code:
>
> https://gist.github.com/1623621
> https://gist.github.com/1623625
> https://gist.github.com/1623628
>
> Thank you!
>
> --Dwayne
>

-- 
Alex Harui
Flex SDK Team
Adobe Systems, Inc.
http://blogs.adobe.com/aharui

Re: Improving Flex Chart's CSS support

Posted by Alex Harui <ah...@adobe.com>.
Is there a JIRA issue for this?


On 2/1/13 6:05 AM, "Frédéric THOMAS" <we...@hotmail.com> wrote:

> Hi,
> 
> You right, there are things to do but I guess no one started something on it
> yet, that's a quite long run anyway to implement, did you tried yourself to
> get into ?
> 
> -Fred
> 
> -----Message d'origine-----
> From: Dwayne Henderson
> Sent: Friday, February 01, 2013 2:50 PM
> To: flex-dev@incubator.apache.org
> Subject: Improving Flex Chart's CSS support
> 
> Hello!
> 
> Does anybody know how the improvement of Flex Chart's CSS support /
> adherence to W3C standards is going?
> 
> Hoping to soon be able to remove all those "Wait for improved CSS support",
> "Should be CSS" etc. comments in my code:
> 
> https://gist.github.com/1623621
> https://gist.github.com/1623625
> https://gist.github.com/1623628
> 
> Thank you!
> 
> --Dwayne 
> 

-- 
Alex Harui
Flex SDK Team
Adobe Systems, Inc.
http://blogs.adobe.com/aharui

Re: Improving Flex Chart's CSS support

Posted by Frédéric THOMAS <we...@hotmail.com>.
Hi,

You right, there are things to do but I guess no one started something on it 
yet, that's a quite long run anyway to implement, did you tried yourself to 
get into ?

-Fred

-----Message d'origine----- 
From: Dwayne Henderson
Sent: Friday, February 01, 2013 2:50 PM
To: flex-dev@incubator.apache.org
Subject: Improving Flex Chart's CSS support

Hello!

Does anybody know how the improvement of Flex Chart's CSS support /
adherence to W3C standards is going?

Hoping to soon be able to remove all those "Wait for improved CSS support",
"Should be CSS" etc. comments in my code:

https://gist.github.com/1623621
https://gist.github.com/1623625
https://gist.github.com/1623628

Thank you!

--Dwayne