Try this:
[Code]...
See the problem when you fill up the RichEditableText with characters? Keep typing the word hello until you cross outside of the first visible area of the RichEditableText. things get weird. Try it out. how to prevent the weirdness? (the text starts jumping up and down)
I want to find a way to get the character index in a Spark based RichEditableText based on mouse x, y position.The mx.controls.TextArea has a protected getCharIndexAtPoint() method but I can't find an equivalent of this in the Spark RichEditableText which is disappointing.
View 3 RepliesI want to programmatically insert formatted text at the current cursor position in a Flex 4 (Spark) RichEditableText control. I could just modify the .text property But that doesn't allow me to insert formatted text. So I believe I need to interact with either .textFlow or .textFlow.interactionManager somehow? However, TLF is quite complex and I can't find a simple way to do what I want.
View 1 RepliesI know this question has been asked before but the other solutions didn't work for me quite well. here's my sample application.
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
I'm trying to select the id of a textArea when it's focused in
[Code]...
Problem is TextArea is made up of RichEditableText so target doesn't actually refer to TextArea. I've tried event.target.parent.id but still not getting there. Anyone knows how to get to the bottom of this?
I need selectable text that can be copied. Some users are used to copy with Ctrl+C (Cmd+C on Mac), and some are used to right click and select "Copy".
Using s:RichEditableText, there is no "Copy" in right click menu: http://d.pr/xWXW. Using mx:Text, there is "Copy" in right click menu, but it doesn't copy anything: http://d.pr/vtiw
Ctrl+C works for both s:RichEditableText and mx:Text.
Is there a property or something to enable "Copy" in right click menu for s:RichEditableText?
I am currently implementing squiggly in a flex application to enable spell checking. Due to certain requirements, I can not use SquigglyUI to hook onto my spark RichEditableText.I have successfully used com.adobe.linguistics.utils.TextTokenizer to tokenize and highlight mispelt words.I would like to be able to let the user rightclick on a mispelled word and show a I have tried to attach a listener to my RichEditableText:
richtexteditor.addEventListener("rightClick", showSuggestions);
And this is my event handler:
private function showSuggestions(event:MouseEvent):void{
[code].....
Is there any easy way to detect click outside of RichTextEditable? just like FlexMouseEvent.MOUSE_DOWN_OUTSIDE is used in popups.
View 3 RepliesIn the past, I used the flash.text.textField object something like this:
tf = textField();
tf.autoWrap = true
tf.autoSize = "left"
tf.width = 100;
[Code]...
I'm coding this, so if you have some suggestions, please post them in code, not MXML.
but UITextfield is not a TLF component and the example for RichText does not cause the RichText height to grow with the text. What I need is a component that I can set the width, add TLF formatted text and get the height of the component once it has rendered. Just like a TextField does when you add text.
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
I'm looking to add a couple of buttons to the title bar of a Spark Panel or Spark TitleWindow. Is this possible to do without making the panel from scratch?
View 1 RepliesIs there a method to set the caret position within a RichEditableText control? The control's contents can contain errors that the user must fix which are navigated though via Next/Previous buttons, and during the navigation I would like to set the caret cursor to the end of each error within the text.
View 1 RepliesI'm experiencing some strange text rendering behavior in the Spark RichEditableText component.
<?xml version="1.0" encoding="utf-8"?>
<s:Application
xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
[Code] .....
The above application simply navigates through the five sentences in the DATA array (every time the Next button is pressed). For whatever reason, RichEditableText component doesn't completely reset its view (by clearing the previous text) before setting new content. From what I can gather, this faulty rendering is somehow based on the combination of line count and relative width. I also discovered that if I set the width property of the RichEditableText component to an absolute value (say, 100) as opposed to relative (percentage, 100%) the text is rendered correctly. As far as I can see, this behavior is unintended and is, in fact, a bug.
For example, say I have 3 RichEditableText objects and I want to be able to highlight them all together:
<s:RichEditableText id="obj_one" width="100%" text="Click and start dragging the highlight here..." selectable="true" editable="false" fontSize="9" />
<s:RichEditableText id="obj_two" width="100%" text="Continue dragging the highlight through this one" selectable="true" editable="false" fontSize="9" />
<s:RichEditableText id="obj_three" width="100%" text="and keep going and finish highlighting them all right here" selectable="true" editable="false" fontSize="9" />
Is it even possible to make it so all three could be highlighted that way someone could Copy all three at once then past all the text somewhere? I should clarify, The reason they would be like this is because there they are in an itemRenderer so they would each be their own object in each line on the list. It would be nice though if the text could be highlighted and copied like it was all together though. Just imagine the way an end user would expect to be able to drag an highlight any other text in a standard html document to paste elsewhere.
I have the following:[code]I want to display a tooltip on the img element - haven't figured this one out - ideas anyone?
View 1 RepliesI'm new to flex, actually I'm reading a simple tutorial about Flex 4 (I'm using flash builder 4.5) this is the tutorial.I added a RichEditableText and then I should specify the property selectionColor, but when I add it to the source code, the IDE give me an error like this property do not exist.
<s:RichEditableText x="179" y="95" text="hello" fontSize="24" fontWeight="bold" color="#E52222" selectionColor="#000000" />
When I load an external text file it takes two clicks of the button to get the text to loadThe first click is blank the second click loads the text.
Here is the function:
// Create TextField and load text
function makeTxtBox(txtFile, textVar) {
[code].....
I have a movieclip in an external swf, called menubg. In the library properties tab, it reports the size as 1024x768.I use an embed statement to pull the movieclip from the swf at compile time. It comes in just fine (as a Sprite since that seems to be the only way to instantiate an object from an external swf), you can see it without a hitch, but tracing out the size info does not return the same WxH as the original.Here's some code, and the trace outs
var mbg:Sprite=new wpa_menuBG;
trace(mbg.width,mbg.height); // 1028.95 777.95 -- that's not right
// the screen container[code]......
I'm building (see: struggling through) my first timeline-less app based on currentTarget and arrays.
I've run into a situation where my text fields will format text properly if called at load, but will not do it on a MOUSE DOWN; they just load plain text on the click.
[Code]...
I'm trying to do a pretty simple modulo equation but i'm getting a weird return.0.03 % 0.01I was expecting there to be no remainder, so the answer would be 0. However the return flash gives me is: 0.009999999999999998If I bump everything up to whole Numbers it works just fine: 3 % 1 = 0However I know eventually I'll be doing something like 3.4 % 1 and I'm concerned that at that point I'll run into this same issue.
View 4 RepliesI have a match game, drag and drop a word to a definition. The flow of this game is that after you have answered you click a button and then the game removes the right answers and redisplays the wrong ones. So far that works, what doesn't is that after the answer portion and I put the wrong words/definitions the drag doesn't "visually" work. when i run in debug the drag is firing, but the object doesn't move on the screen. it also doesn't hit any target (which seems obvious). I never destroy the object.So As far as I can see the mouse events should still be working. example can be found here: [URL]
View 2 Repliesproject width is 500
tile_width=25;
map_collumns=Stage.width/tile_width
trace(map_collumns)
Sometimes I get a decimal return. Then, when I close it,and run it again, it shows the correct answer.
I tried something which was very simple in AS2, attaching dynamic movieclip and then attaching dynamic textfield inside that MC, which should update on progress event for loading an image, displaying percentage of loading done. Surprisingly, I have no problem with displaying accurate percentage info, my problem is this: most of the updates of textfield.text writes itself OVER the old text, instead of replacing it. Hehehehehe, LOL! You get it? It behaves like I create new textfield over the old one each time I update text. And I'm sure the code is not recreating textfield or MC, at least I'm positive thats not what I told it to do. So although I'm a bit new to AS3, and may probably doing something wrong, I'm getting more and more suspicious that this is a bug within flash itself, the thing that should not be.
It will be hard for me to recreate the code here, as I tried many different things in the meantime, so I'll just show bits of latest version which doesn't create totally dynamic MC and textfield, but attaches dynamically MC containing textfield which is inside library. The problem remains the same, and I'm sure I compile/upload latest swf version and clean browser cache everytime...Code://btw, timeline is public static MovieClip, which is like root,//and containerMC is public static MovieClip which is attached separately//Also if you see something without being declared as var, be sure its a static property declared in class
//func called after thumbnail button is clicked to open image
public static function prepareImageOpen(imgObj:Object)
{
[code].....
I am working on a drag and drop feature for the sparkScroller. This is sort of how my layout looks:
<mx:Canvas>
<s:Scroller id="items" .. />
<mx:Box id="dummyRow" visible="false" />
<s:View id="touchView" visible="false" />
</mx:Canvas>
So when you hold your finger over a row in the items Scroller for more than a 30 seconds, the touchView becomes visible so does the dummyRow. The dummyRow gets populated to look like the row which you held your finger over.
So the touchView has the event handlers for moving your fingers and places the dummyRow where your finger is. The problem I am having is even though the touchView is reacting to my move events, the scroller still keeps reacting to my move events as well even though it's a sub layer. Because I started on the scroller it still keeps track!
How can I remove focus / tracking from the scroller?
I'm developing a Flex/AIR application built entirely in ActionScript -- there's no MXML beyond what was originally auto-created.
I need to dynamically generate some kind of editable text-field with high control over formatting. The TLF text fields all seem great, except that I can't get any of them to render on the screen. Due to the nature of the application, they have to be inside a MovieClip, but since I've read that everything must be a descendant of UIComponent, I use UIMovieClip, which is AddChild'ed to the stage.
I'm about to go crazy here, the whole application is in jeopardy over this. I CAN NOT use MXML, and all the 10,000 examples on the internet are MXML. I need to generate these dynamically. I need to generate upwards of 50 fields under one movieclip based on database data. There's no way to hardcode that with MXML. The GUI is very specific about this, and it's the right GUI.
In two days of searching, I can't find a single example in ActionScript, only MXML. I've tried everything that smelled like an example.
Is there some obvious general pointer I'm missing? I'll be happy to post code, but it doesn't make sense because I've been through so many examples.
Does anyone have the simplest possible code for creating any kind of TLF text editing field in ActionScript only (zero MXML), which is then added to a MovieClip or UIMovieClip, which is added to the stage of a desktop AIR application?
I have a spark skinnable component which contains a datagroup with images. The datagroup is scrolled by hovering the mouse over it. Everything works fine except one thing: after I change the datagroup provider, I need to scroll down automatically. The problem is the images are not loaded immediately after I set the provider so (contentHeight - height) does not yet represent the actual maximum scrolling position. Is there an easy way of telling the datagroup to scroll down as its content loads? Because the workaround seems to be not so straightforward. This is the code for scrolling(thumbnailStrip is my datagroup):
[Code]...
I have created a style in which i am defining a font family.When i apply this style to label it reflects the font were as there is no change when it is applied to a spark button.I Tried various way to Apply font style but it doesn't work.Other properties work fine except font family. Even i tried creating skin class and set the font family style of label in it. While previewing the skin i can see the changes but when i apply it to buttonApproach 1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
[code].......
How can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 RepliesI'm creating the Label component like this
var label:Label = new Label();
label.text = "some text";
label.styleName = "someStyle";
addChild(label);
But it stay invisible until I explicit set the width and height.How can I make the label to be auto resized according to it's text?
Anyone missed the old simple method for skinning a simple button?
CODE:
The problem im having is that, this method of creating a simple button with skin is being phased out : Infact it is no longer supported in flex 4.5 mobile projects.
So the question: Is there a simple way to perform this, with spark buttons (which is suppose to be the new way to go). As simple as possible.
Basically i only need a button with 2 images : down/over & up. And i want to keep the code as simple as possible : The new skinning methods, seems to really adds way too much lines for something that used to be as simple as the example above.