how to skin the datatip of a hslider component.
I have created a 3 skins with degrafa. One for the track, one for thumb and one for the datatip. I had no problem attaching the skins for the track and thumb of the hslider component. But how can i skin the datatip?
I am going to use a HSlider to set a range of values. I would like the left thumb to look like ( and the right thumb to lok like ) so they appear to encompass the range like (range) instead of |range|. I only know how to set the skin for SliderThumb which will set the skin for both. Does anyone know of a way to set a different skin for each thumb?
[Code]...
How to skin spark List component so that every adjacent itemRenderer has different color (something like mx DataGrid)?
View 1 RepliesI am wanting to use the ComboBox Component in a Mobile App. Thing is the scrollbar is way to small.Is there any way to change the width of the scrollbar on the ComboBox either in code or by skinning it? I tried just adding some width to the scrollbar component by clicking into the component and changing the width,but it did not work correctly.
View 1 RepliesI have yet to find a good and simple tutorial regaurding the skinning of the scrollBar component so I am trying to fake it...
Simply put I have MC buttons underneath the scroll bar and the bar itself is invisible... I need to know what the name of the actual scrubber bar (the one you drag arround) is called so i can attach a movieClip to it and match it's width/height and X position
does anyone know it? --- or Can someone simply explain how i would go about actually skinning it? Everything i have seen says open haloTheme or sampleTheme and edit those but I just want to change it once (not perminantly).
I'm trying to skin my List Component via action script and am having trouble getting it to work.[code]Is anyone having success skinning components this way? I've tried it in files separate to my project.
View 5 RepliesI'm working on a Flash game and I'm using button components in the UI. I like that the key functionality is built into them and that they are fairly easy to skin. The problem is, I need to be able to skin them with a bitmap (specifically a PNG) using AS3. I've found a couple of Flex frameworks out there that might help but we're not using Flex in our development process.
View 4 RepliesAny sources for styling skinning the Slider component?ie setting the background invisible or using another graphic in place of the line/rectangle graphic. using another graphic for the thumb. replacing the current graphic thumb has restrictions in dimensions,
View 1 Repliesthere is a question:
public var panelProcess:VBox;
panelProcess = new VBox();
panelProcess.addChild(sf);
[code]......
We get data from multiple feeds and data may or may not exist for a certain date. o, for points that have no data we send NaN.
[Code]...
I'm using a Flex ColumnChart with a custom dataTipRenderer. I'm able to apply a nice skin with the dataTipRenderer, but am not sure how to move the datatip to be centered. Is there a way to have the chart center the data tips over the column instead of the normal top-right alignment the chart does?
Instead of:
|tip text|
+++
+++
+++
+++
+++
+++
+++
+++
I want:
| tip text |
+++
+++
+++
+++
+++
+++
+++
+++
I have a datagrid with one datagridcolumn in it. Without a custom itemrenderer I can use a datatipfunction for showing a custom datatip but now I want to have a custom item render for colouring the rows differently.Therefore I extended a label and changed the data method but now my datatipfunction does not work anymore.
View 3 RepliesIs there any way to always show DataTip for SLider control in Flex 3.5?
View 2 RepliesI want to emulate the datatip feature on google finance here URL...whereas the datatip does not appear over the chart when you hover over, but instead is anchored in the top right header of the chart. How do I go about doing this? Thx in advance!
View 1 RepliesI simply don't know how to do this. This is the code I have.
public function doFormatMoneda(valor:Number):String{
var formatoMoneda:CurrencyFormatter = new CurrencyFormatter();
formatoMoneda.precision = "2";
[code]....
I have a following issue:My task is to style a datatip for two charts in Flex 4.5.Both charts reside in two different <Group> based components which are added to the <Application>
So after a thorough research here is what I tried to do.First applying a css descending selectors:
#container#chart1 chartClasses|DataTip{
backgroundColor:white;
backgroundAlpha:0.01;
[Code]....
Then I would like to be able to get access to the instance of the CustomDataTip class.But I can't .So currently the only thing I can do is to create a distinct custom datatip renderer class for each chart.That could be fine if you have only a couple of charts you want to style but what can we do if we have many of them?
I have a LineChart that contains multiple series, both LineSeries and PlotSeries, and I have a custom dataTipFunction set for the chart. However, I only want data tips displayed for line series, not the plot series. I have tried returning null from my format function, but that just displays an empty box. I have also tried disable mouse events on the plot series (by setting both mouseEnabled and mouseFocusEnabled to false), to no avail. Is this even possible?
View 1 RepliesI would like to show a dataTip on a flex chart by setting the selectedIndex property of the AreaSeries. For instance, if selectedIndex = 2, then a dataTip appears over the third item in the series. Is this possible in Flex 3.5? .
View 1 RepliesI'm using a hslider to select a range of values. However, I only have 5 values.The problem I'm having is that the dragging of a thumb does not look too good and the values of the thumbs are displayed in labels, beside the slider...I was then thinking about how to improve the look of the dragging and the slider.I came up with this: having an image that would behave like a slider. For example, something like this: a background image (sorry for the "drawing")
| 1 | 2 | 3 | 4 | 5 |
With 2 thumbs (min and max values) that would stay in the middle of each box.
i am required to zoom a canvas through Hslider. The problem is after zooming the canvas i cannot scroll to the extreme left and top of the canvas i.e some part of left and top canvas are not visible. i cannot find the reason. The source code for the example is given below.
[Code]...
I'd like to create an HSlider so that the skin of the track is different on either side of the thumb. So, for example, the track on the left side of the thumb is green, but red on the other.Is this possible or will it take a custom component?
View 1 RepliesI am trying to create a simple Music player has play/pause button and an HSlider that shows the position of the song as it is playing using a custom SliderThumbClass. I would like allow the user to drag/drop the sliderthumb or click on the sliderbar to change the position of the song currently playing.
With the code I have below, if I use the sliderThumb to change the position of the currently playing song, it works great. But I if I click directly on the slidertrack to jump ahead/back, the current position doesnt move and there is some flashing of the current position, but it jumps back to where it was and continues playing the song. This does work if I am in the paused state.
As expected, thumbDrag/Press/Release events are not triggered when the user clicks on the sliderTrack - What events should I be subscribing for to handle this case?
<mx:Canvas>
<mx:Script>
<![CDATA[
[code]....
I have a simple application that consists of a HSlider and a list that contains a item renderer with a border container managed by a tile layout. For some reason when moving the slider to reduce the size of the item renderer it only reduce to a certain size and wont reduce any further. I use the same principle in flex 3 (with mx components it works fine).
[Code]....
How can I convert the hslider data format from decimal into an H:M:S?
View 1 RepliesIs there a way to detect the value change in HSlider (in Flex 4.0) without touching the slider.Basically, what I wanted is to detect if the slider value was changed programmatically.
View 1 RepliesI'm porting a pure Flash/AS3 application to Flex 4.5 this code:
<fx:Script>
<![CDATA[
import mx.events.SliderEvent;
[Code].....
gives me the error
Implicit coercion of a value with static type flash.events:Event to a possibly unrelated type mx.events:SliderEvent.
How do I fix that? The Adobe HSlider doc is unusually sparse.
Is mx.events.SliderEvent still okay to use in a Flex 4.5 application?
I'm porting a pure Flash/AS3 application to Flex 4.5 this code:
<fx:Script>
<![CDATA[
import mx.events.SliderEvent;
[Code].....
gives me the error
Implicit coercion of a value with static type flash.events:Event to a possibly unrelated type mx.events:SliderEvent.
How do I fix that? The Adobe HSlider doc is unusually sparse.
Is mx.events.SliderEvent still okay to use in a Flex 4.5 application?
Is there some way to have labels on both sides of a VSlider control? I need this to show meters on one side and feet on the other side....
View 1 RepliesDoes anyone know how can the horizontal control line be removed or made invisible. What am trying to say is, I just want to show the drag-thumb and not the horizontal line.Is there a way to do so, with out using skins?
View 1 Repliesi have one value in text box(eg:1200) once i drag the HSlider from left to right text box value to increase 1200+150 for each intrevel.if right to left has to decres 150 as same.
View 2 Replies