[flexcoders] Re: Need help componentizing SliderControl!!!
Someone please help me out...
Thanks
Regards,
Jaga
--- In flexcoders@yahoogroups.com, Jaganathan.K [EMAIL PROTECTED]
wrote:
Hi All,
I need to create a slider control which should be controlled
externally. I have the folowing code where i hardcoded all the
values like the panel widths, slide range and combo box values.
Please play around with the component and let me know how to
componentize the same.
I need the following to be controlled externally:
The number of griditems used depends upon the external value given.
The panel's width needs to be determined by the combo box
selection.
The combo box values will be controlled externally.
Please help me out in componentizing the below component. Any help
would be greatly appreciated.
Below is the code for the SliderControl Component.
-
SliderControl.mxml
-
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute height=134 width=374
mx:Panel x=10 y=10 width=354 height=112
layout=absolute borderStyle=none
mx:Grid x=10 y=30 width=303
mx:GridRow width=100% height=100%
paddingBottom=0 paddingLeft=0 paddingRight=0 paddingTop=0
mx:GridItem id=GridItem1
width=100% height=100% borderStyle=inset
borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem2
width=100% height=100% borderStyle=inset
borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem3
width=100% height=100% borderStyle=inset
borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem4
width=100% height=100% borderStyle=inset
borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem5
width=100% height=100% borderStyle=inset
borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem6
width=100% height=100% borderStyle=inset
borderColor=#808080
/mx:GridItem
/mx:GridRow
/mx:Grid
mx:Label x=10 y=35 text=0 height=18/
mx:Label x=50 y=35 text=50 height=18/
mx:Label x=97 y=35 text=100 height=18/
mx:Label x=148.5 y=35 text=150 height=18/
mx:Label x=201.5 y=35 text=200 height=18/
mx:Label x=253.5 y=35 text=250 height=18/
mx:Label x=300.5 y=35 text=300 height=18/
mx:ComboBox x=243 y=0 width=70
dataProvider={DropDownValues} close=selectedItem=ComboBox
(event.target).selectedItem;setPanel();/mx:ComboBox
mx:Label x=163 y=2 text=Slider Width/
mx:Panel id=pnlSlider mouseDown=MovePanel
(event) width=48 height=10 layout=absolute
backgroundColor=#8080ff x=10 y=27 borderStyle=none
alpha=0.5
/mx:Panel
mx:Label x=10 y=2 text=Slider position
width=85/
mx:Label x=103 y=2 id=lblSliderPos text=0/
/mx:Panel
mx:Script
![CDATA[
import mx.controls.Alert;
[Bindable]
public var DropDownValues: Array = [ {label:50,
data:1}, {label:100, data:2}, {label:150, data:3} ];
[Bindable]
public var selectedItem:Object;
public var xDiff:Number;
public var iPnlLen:Number=1;
private function setPanel():void
{
iPnlLen = selectedItem.data;
pnlSlider.width = 48 * selectedItem.data + (3*
(selectedItem.data-1));
}
private function stopDragging(event:MouseEvent):void
{
this.systemManager.removeEventListener
(MouseEvent.MOUSE_MOVE, movePanelObj);
this.systemManager.removeEventListener(MouseEvent.MOUSE_UP,
stopDragging);
if(pnlSlider.x GridItem2.x)
{
pnlSlider.x = 10;
lblSliderPos.text = 0;
}
else if(pnlSlider.x = GridItem2.x
pnlSlider.x GridItem3.x)
{
pnlSlider.x = GridItem2.x +
6;
lblSliderPos.text = 50;
}
else if(pnlSlider.x = GridItem3.x
pnlSlider.x GridItem4.x)
{
pnlSlider.x = GridItem3.x
[flexcoders] Need help componentizing SliderControl!!!
Hi All,
I need to create a slider control which should be controlled
externally. I have the folowing code where i hardcoded all the
values like the panel widths, slide range and combo box values.
Please play around with the component and let me know how to
componentize the same.
I need the following to be controlled externally:
The number of griditems used depends upon the external value given.
The panel's width needs to be determined by the combo box selection.
The combo box values will be controlled externally.
Please help me out in componentizing the below component. Any help
would be greatly appreciated.
Below is the code for the SliderControl Component.
-
SliderControl.mxml
-
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute height=134 width=374
mx:Panel x=10 y=10 width=354 height=112
layout=absolute borderStyle=none
mx:Grid x=10 y=30 width=303
mx:GridRow width=100% height=100%
paddingBottom=0 paddingLeft=0 paddingRight=0 paddingTop=0
mx:GridItem id=GridItem1
width=100% height=100% borderStyle=inset
borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem2
width=100% height=100% borderStyle=inset borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem3
width=100% height=100% borderStyle=inset borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem4
width=100% height=100% borderStyle=inset borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem5
width=100% height=100% borderStyle=inset borderColor=#808080
/mx:GridItem
mx:GridItem id=GridItem6
width=100% height=100% borderStyle=inset borderColor=#808080
/mx:GridItem
/mx:GridRow
/mx:Grid
mx:Label x=10 y=35 text=0 height=18/
mx:Label x=50 y=35 text=50 height=18/
mx:Label x=97 y=35 text=100 height=18/
mx:Label x=148.5 y=35 text=150 height=18/
mx:Label x=201.5 y=35 text=200 height=18/
mx:Label x=253.5 y=35 text=250 height=18/
mx:Label x=300.5 y=35 text=300 height=18/
mx:ComboBox x=243 y=0 width=70
dataProvider={DropDownValues} close=selectedItem=ComboBox
(event.target).selectedItem;setPanel();/mx:ComboBox
mx:Label x=163 y=2 text=Slider Width/
mx:Panel id=pnlSlider mouseDown=MovePanel
(event) width=48 height=10 layout=absolute
backgroundColor=#8080ff x=10 y=27 borderStyle=none
alpha=0.5
/mx:Panel
mx:Label x=10 y=2 text=Slider position
width=85/
mx:Label x=103 y=2 id=lblSliderPos text=0/
/mx:Panel
mx:Script
![CDATA[
import mx.controls.Alert;
[Bindable]
public var DropDownValues: Array = [ {label:50,
data:1}, {label:100, data:2}, {label:150, data:3} ];
[Bindable]
public var selectedItem:Object;
public var xDiff:Number;
public var iPnlLen:Number=1;
private function setPanel():void
{
iPnlLen = selectedItem.data;
pnlSlider.width = 48 * selectedItem.data + (3*
(selectedItem.data-1));
}
private function stopDragging(event:MouseEvent):void
{
this.systemManager.removeEventListener
(MouseEvent.MOUSE_MOVE, movePanelObj);
this.systemManager.removeEventListener(MouseEvent.MOUSE_UP,
stopDragging);
if(pnlSlider.x GridItem2.x)
{
pnlSlider.x = 10;
lblSliderPos.text = 0;
}
else if(pnlSlider.x = GridItem2.x
pnlSlider.x GridItem3.x)
{
pnlSlider.x = GridItem2.x +
6;
lblSliderPos.text = 50;
}
else if(pnlSlider.x = GridItem3.x
pnlSlider.x GridItem4.x)
{
pnlSlider.x = GridItem3.x +
8;
lblSliderPos.text = 100;
}
else
[flexcoders] Help pls! swapping drag panels!
I have custom drag panel component, i want to add an additional feature, which will have the swapping functionality. Can anyone help me out in acheiving the same? Any help would be greatly appreciated. You can download the source code from the following path. http://blogs.adobe.com/flexdoc/examples/CanvasDD.zip Thanks Regards, Jaga
[flexcoders] webparts in flex?
is it possible to create webparts in flex? i mean, make the components customizable, change the layouts, change the colors. I know, we can acheive this in .NET, but is it possible to create the same effect in flex? Any help would be greatly appreciated. Thanks Regards Jaga
[flexcoders] Re: BarChart Query
Hi, Ely Greenfield has already done that Go to the below url to find out more. http://demo.quietlyscheming.com/ChartSampler/app.html Thanks Regards Jaga --- In flexcoders@yahoogroups.com, Ramanujam, Pratap [EMAIL PROTECTED] wrote: Hi Flexcoders, I wanted to know if it is possible to specify different Bar colors in a Barchart that has a single Barseries item. TIA, Pratap Important: This e-mail, including any attachment(s) hereto, is intended only for the individual or entity to whom it is addressed. It may contain proprietary, confidential or privileged information or attorney work product belonging to Fidelity Business Services India Pvt. Ltd. (FBS India) or its affiliates. If you are not the intended recipient of this e-mail, or if you have otherwise received this e-mail in error, please immediately notify the sender via return e-mail and permanently delete the original mail, any print outs and any copies, including any attachments. Any dissemination, distribution, alteration or copying of this e-mail is strictly prohibited. The originator of this e-mail does not guarantee the security of this message and will not be responsible for any damages arising from any dissemination, distribution, alteration or copying of this message and/or any attachments to this message by a third party or as a result of any virus being passed on. Any comments or statements made in this are not necessarily those of FBS India or any other Fidelity entity. All e-mails sent from or to FBS India may be subject to our monitoring and recording procedures. FBS India is an Appointed Representative of Fidelity Investments International, which is authorized and regulated by the United Kingdom Financial Services Authority. Fidelity Investments International only gives information on its products and services and does not give investment advice to private clients based on individual circumstances.
[flexcoders] Selected Text Color for Accordion
Hi, I want to change the text color for the selected accordion. I am not able to find any styles to do the same. I tried the selectedTextColor option, it applies only when i click on the accordion, but then it changes back to its own color. Any help would be appreciated. Thanks Regards Jaga
[flexcoders] Print in Landscape mode
any idea on how to print a page in landscape mode?
[flexcoders] running riabook sample code
anyone here knows how to run the sample code provided in the riabook website? Thanks in advance Regards Jaga
[flexcoders] Customizing datatips
Is it possible to remove only the datatips in the chart, keeping the datapoints visible? Like in google finance Any help would be greatly appreciated. Thanks Regards JAga
