ActionScript 3.0 :: Adding Custom Properties To A Flex Candlestick Component "Tooltip"?
May 23, 2011
Would anyone know how to customize the "tooltip" / mouseover popup window in a Candlestick Component?By default, It just displays open / high / low / close data, but I need to add additional details such as date, time, and a few others...I'm guessing this is simple one, using item renderers maybe, but I cannot seem to get my head around it, or find any decent documentation online..
View 0 Replies
Similar Posts:
Mar 7, 2012
How can we customize the background and font color of a single instance of a tooltip for one component? (Without changing all tooltips in the application.)
This is needed for the HALO component set (4.1 SDK), not Spark (css methods preferred).
View 1 Replies
Sep 7, 2010
I'm trying to pass some properties to a component I've created in Flash Builder 4. In my example below I want to pass the "label" property to update the label property of the Button.
// MyApp.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:local="*">
[Code] .....
View 1 Replies
Sep 19, 2009
I have a flex application and I want to add a new custom component with action script at runtime. This works fine. I have created my custom component and added the following code:
var freeView:FreeView=new FreeView();
freeView.setStyle("showEffect",this.fadeIn);
freeView.setStyle("hideEffect",this.fadeOut);
[Code]....
But my problem is the fade in effecto is not working. I know I've declared the effect correctly because if I use it in another component (like a panel) it works fine.
View 2 Replies
Aug 21, 2011
I'm new to Flex and am porting a pure Flash/AS3 app to Flex 4.5. I've created a custom MXML component based on BorderContainer
<?xml version="1.0" encoding="utf-8"?>
<s:BorderContainer
xmlns:fx="http://ns.adobe.com/mxml/2009" [code]...........
and it would work well, but here in Flex 4.5 I don't know how to do this.Also I've noticed that there is a dropShadowVisible="true" attribute, but not sure if/how it can be used for my purposes.And I'm not sure if scaling up/down a custom component is allowed in flex or I probably should use "Flex Effects" (but how?) and also set disableLayout="true"?
View 1 Replies
Jan 15, 2009
I have been stuck on this problem for a while, and wonder if anyone knows the answer. It is concerning accessing some properties of a custom component. I marked the problem with the keyword [PROBLEM] in the following snippets of code.
components/State1UI.mxml
--------------------------------
<?xml version="1.0" encoding="utf-8"?>
[code].....
View 0 Replies
Feb 17, 2009
I've exhausted searches looking for how to add properties to the component properties panel for a custom AS2 and AS3 components.This Adobe Livedoc suggests using Inspectable tags before variables:[URL]I've also tried adding the components via the Component Definition dialog in the library.Both methods work in that they produce an .swc, but neither adds the properties into the Component Properties.
View 1 Replies
Mar 16, 2010
I'm having trouble changing the font size of my TextInput tooltip. The text input looks like this:
<s:TextInput id="first"
toolTip="Hello"/>
then I create a style like this:
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/halo";
[Code]....
P.S. I also get a yellow warning: "CSS type selectors are not supported in components: 'mx.controls.ToolTip'" but it still compiles since it's just a warning, but nothing happens.
View 2 Replies
May 28, 2009
I am using a custom advanced auto-complete component. Selected items do not have a tooltip by default, but I would like to use the label as my tooltip. The arraylist allQuestions is the dataprovider to my component.
[Code]...
allQuestions.questionText should is the path to my desired label. I have looked into using events, such as event.currentTarget, but I dont think they exist for tooltips. how to add a tooltip using the data provided to the component?
View 1 Replies
Feb 19, 2010
Let's say I'm trying to place a tooltip on the left side of a component on my view. Layout may look similar to this:
[CODE]...
After the point is converted via contentToGlobal(), the point's x coordinate is drastically incorrect. I've found a way to workaround this by simply wrapping the target component in another HBox like this:
[CODE]....
View 1 Replies
Oct 19, 2010
I have a Spark Component (a Group) which doesn't behave as wanted.The tooltip is only shown when the component is enabled=true which the following example shows:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"[code]/....
In the Halo component the toolTip is shown. And this is, what I want to achieve.In my case I want to try something like this:
<s:Group toolTip="{cartEntries > 0 ? 'great!' : 'go and buy!'}"></s:Group>
View 1 Replies
Sep 21, 2011
I would like to bind two components with out binding and which resides in different MXML.for eg: A.mxml has textinput and B.mxml has a combobox when choose one item in B.mxml selected item should be display in A.mxml textinput.
View 2 Replies
Mar 2, 2012
This is NOT duplicate of my earlier post (its is slightly different)But this is similar issue with similar error but its not the same error The error I am getting now is below while dispatching the custom event from my custom component
TypeError: Error #1034: Type Coercion failed: cannot convert events::MapEvent@a74ab51 to flash.events.MouseEvent.
dispatchEvent(new MapEvent(MapEvent.CLICKED_ON_MAP));
Note: The error in my earlier post is giving below error message
Type Coercion failed: cannot convert flash.events::Event@81ecb79 to com.events.ShopEvent
The difference here are two things, the earlier error is while converting flash event to custom event and now this one is while converting custom event to flash event and secondly, I have no clue why it is trying to convert to the mouseevent where I am just dispatching my custom event with proper listeners.
This is my custome event
package events
{
import flash.events.Event;
import ui.map.MapElement;
[code]...
View 1 Replies
Jul 29, 2011
I have a component with a public variable declared
[Bindable]
public var mnuSource:String;
When I extend this component, I can reference mnuSource (it compiles) but Runtime complains about the property not being accessible (error 1056).
How do you modify / declare component properties so they are actually available to other components?
View 2 Replies
Dec 11, 2010
In the main file, I would write[code]...
But if I want the component to have that behaviour innately, where do I write it in the mybutton mxml file to have it reference itself?[code]...
View 2 Replies
Nov 11, 2010
I'm building a top view 2D map, that it's objects are stored on the server.The kind of objects are 10 and might be a photo, label, button, lists, mix of them or labels with tooltips.The component must request the "areas" that are missing on screen.An area is 1000x1000 px and is cached in flex.To move in the map, will be like in google maps (drag-and-drop).I should be able to have another list and move objects from one to another using drag-an-drop on objects. Ex.: I grab an objects from a list and I move it on this map, I release the mouse button and the item is placed there.Now the problem is: I build a custom component for this trying to emulate the item renderer for performance and recyclage, implement drag-and-drop on objects and request the areas that are missing?
or
I extend the List component from spark and I add some features as multiple kind of itemrenderers and use recycle on them. Of course it must be able to request the missing areas on the screen and cache it's data.Maybe create a custom layout is needed too.What I need is something that must be really fluid, so the lighter this component is, the better.
UPDATE: *There will be not any object over another.
*I will not use hitTest on bitmaps because all bitmaps are wrapped in another component,as they,for now are itemrenderers.
Anyway I already begin to do this using a class that extends the SkinnableDataContainer and a custom layout. As the layout is not like a grid, is sparse, random items at diferent points(x, y).How to get the localX and localY, relative to item renderer and not to the Spark List, from a DragEvent in Flex 4?
View 1 Replies
Sep 8, 2011
I have a custom Flex 4.5 component (to be used in a List) -
Game.mxml (represents a clickable playing table in a card game):
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer [code].......
But I never see the "game clicked: " trace. Does anybody please know why? I'm probably missing something minor, because I can see the "Clicked: 8946" trace.
View 3 Replies
Feb 16, 2012
This is similar to the question asked here. I am dispatching custom event "ShopEvent" but i am getting error "Type Coercion failed: cannot convert flash.events::Event@81ecb79 to com.events.ShopEvent"Note: Error is thrown from the parent custom component (3rd code snippet), I have added more details thereThis is my custom event. See the first constant, I copy pasted the event name in custom components.
package com.events
{
import flash.events.Event;
[code]......
View 3 Replies
May 12, 2010
The spark panel component for example can be written like this
<Panel title="Skinny">
<child components ... />
<controlBarGroup>
<child control bar components ... />
</controlBarGroup>
[Code]...
The motivation here is that I can now create a couple different skin files to change the look and layout of those subgroups. Reading source of the spark panel, there are some calls within the mx_internal namespace such as getMXMLContent() which is a method of the spark group component, but which I have no access to.
Does the description above make sense? How can I create custom 'contentGroups' in my custom Flex4 component that can use nested mxml child components? Should I approach this a different way?
View 2 Replies
Sep 6, 2011
I created a custom MXML component, TurboContent, that extends the NavigatorContent class:
<s:NavigatorContent xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
[Code].....
In this case, the 'myButton' component never shows up, but all the elements of the base component do (3 buttons and a datagrid).
View 2 Replies
Nov 23, 2011
I'm using a custom tooltip in order to be able to use html tags. The method I used is described here.I'm using SDK v.3.5. I also did a little hack so that the TooltipManager.tooltipClass would work (check this post for more details).Here's some code.
HtmlTooltip.as:
public class HtmlTooltip extends ToolTip
{[code].....
Everything works fine BUT 2 things: First, font colors tags don't work. If ever I use sth like <font color='0xadadad'>...</font> it won't work. However, if I use <u>...</u>, it works fine
Second, the <a href='...'>...</a> does not work either. I checked in several websites, and the solution would be to set the selectable property of the text to true.
View 1 Replies
Dec 11, 2009
I've written the following custom component, SubNavBar.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" height="100" width="300"
creationComplete="init()">
<mx:Script>
[Code]...
Whenever the trace function runs in init(), the property menuItems returns null. I don't seem to have this problem with other variable types, like Boolean or String. Is this due to the size of the XMLListCollection object? How can I set up this SubNavBar custom component with XMLListCollection property and bind it to a control in the component?
View 2 Replies
Feb 15, 2010
I am implementing a scrollbar using a custom embedded image using my CSS stylesheet. This is a very simple, thin scrollbar. I would like to configure this scrollbar using CSS properties at runtime, but so far I have been unable to do so. I know it can be done because I've seen examples of it in the net, but no code to review.
View 1 Replies
Jan 3, 2011
I'm trying to make a simple flash application providing interface for taking tests as a high school assignment. One of the requirements is to use an XML file as data source.Now, having a List component bound to the XML file with questions consisting of data such as question body, question type (ie. single choice, multiple choice, open, image etc.) and possible answers (where applicable), I was wondering if I could add some additional data (and what is the best possible way to do so) to each question upon its transfer to the List component.
I am trying to achieve two main goals with this: firstly, to mark the questions to which an answer has already been given, like with such code in ItemRenderer class:
<s:Label color="{data.color}" text="{data.label}"/>
Where data.color would be set whenever the user gives an answer to a question.
Secondly, while at it, I thought of such possibility as a great way to store answers given to particular questions. In this case, the Class of the answer object would have been Object, since there has to be many type of questions (where the answer could also be a Bitmap for example).
View 2 Replies
Jan 6, 2010
I have multiple items in my app that I would like the user to click on.Some items are completely different classes.The classes dispatch events and then when the events are captured, some modifications are done to the transform properties of a loosely coupled display object.I want two separate classes to dispatch the same type of event, since I already have an image class that draws images based on a given url... I want the classes to dispatch the events, but then I think I want the difference to be detected when the event comes along... i.e., I would like to recognize the 'origin' or 'sub-type' of the event. Some sort of if/then logic would suffice.
View 1 Replies
Jun 1, 2010
I have an Item Renderer having HBox. Now I want to add child in that HBox from my application file using addChild method. Any way around for the same. I am not able to access the properties of HBox inside the item renderer.
View 1 Replies
Oct 26, 2010
I have this custom toolTip:
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
View 2 Replies
Mar 25, 2011
I am using stringValidator component in flex.
<mx:StringValidator id="toValidator" source="{To}" property="text" triggerEvent="click" >
</mx:StringValidator>
It is working properly but problem is that I have applied borderSkin on ToolTip in my default styleSheet which change the appearance of the message by the validator.
mx|ToolTip
{
borderSkin: Embed(source="assets/componentImages/TabBar-tab_selectedUpSkin.png");
}
Now I want that this borderSkin should not be applied on my stringValidator.
View 2 Replies
Dec 28, 2010
So I've been trying to add tooltip functionality, but I'm getting some strange behavior. e.g. duplicate clips appearing, clip not loading completely, clip not fading in correctly.
Goal: Tooltip box that quickly fades in after a short delay. Must resize to accomodate varying number of lines and line lenghts.
Structure: The tooltip movieclip holds three other clips in this layer order:
1) clip with a texbox
2) clip with the yellow box background
3) clip with a black box for the border (this box is 2 pixels larger than the box background, effectively leaving a 1 pixel border.)
These clips exist transparent on a timeline for about a half second, then start to fade in to full opacity by the last frame. So, the button code consists of assigning some text to a variable, then calling a function to make the tooltip visible via rollOver, and a hide function on rollOut. The idea is:
RollOver
1) use startDrag to place the clip by the mouse
2) Assign the text to the text box
3) Resize the background and border to match the size of the current text
4) Make the tooltip clip _visible = true
5) Play the tooltip clip, causing the delay and then fade in. (stop at last frame)
RollOut
1) make tooltip clip _visible = false
2) gotoAndStop(1); (reset clip)
Now for the problems:
1) Improper (loading?)
Upon opening the flash file, If I do anything that causes the tooltip move to stop playing, or if the showTooltip() function get called before that playback is done, the clip will no longer play. And it will be stuck at whatever frame it was on at the time of interrupt everytime the tooltip is shown thereafter.
2) Duplicate clips
If my main timeline has more than one frame, and extra instance of the tooltip appears from 'somewhere' - which is odd because there is only one tooltip movieclip and it's there from the begining.
3) Fade not working
The setting of the box size seems to be somehow interfering with the alpha of the parent clip. I've had to resort to using _visible on the tooltip timeline to control the delayed visibility of the box. (Removal of the box sizing causes the clip to fade properly.)
Relevant code:
Main timeline
startDrag("_root.tooltip", true); tooltip._visible = false;
Tooltip clip
onClipEvent(load) {
function showTooltip() {
[Code] .....
View 3 Replies
Jul 19, 2010
I'm setting up a row of thumbnails that will show a tooltip TextFormat object on rollover.
[Code]...
However when the screen is resize and the thumbnails are repositioned. The tooltips are still referencing to the old position. I tried to 'refresh' the positions by adding the same EventListener again on resize. But didn't work
[Code]...
View 1 Replies
