I 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 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 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 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].....
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)
When I create a TLF text area that is editable at runtime (which means that it can get a user input at runtime) I set the text direction to the 'right-to-left' definition in both the 'container and flow' and the 'paragraph' sections and set the language for Arabic or Hebrew at the 'locale' setting. I also set the text alignment to the 'align to start' mode. Now at runtime there's a stange thing. When I try to click with the mouse cursor on the editable TLF text-box, it's not displaying the text icon cursor and don't allow me to insert text inside.
But when I move my mouse cursor over the right side of the editable TLF text box, it change his appearance to the familiar text cursor which indicate that if you click here you will be able to insert text input inside. So my problem is how can I make it that only when I will hover over the TLF text box itself, the mouse cursor will be changed to text cursor icon and when I will hover beside its right side, it will remain at the normal cursor mode.
I'd to insert date on a richtexteditor when the user click on a button.This part is easy, more difficult, how to insert this on cursor position. Cursor position may be on the beginning, middle or end of the text.
View 1 RepliesFor 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 am making use of a custom cursor on itemRenderers in a List component. The custom cursor works just fine except when I mouse over the Text component which is a child of the itemRenderer at which point I get two cursors, the custom and an iBar one on top of the other.Here's the code:
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
[code].....
I have a situation where I have a List showing a queue of Upload Objects:
[Code]...
I would like to create three different views of the List: One showing All uploads in the queue Another showing only the Upload items with Upload.type == "Update" and another showing only the items with Upload.type == "Create". Another example of this would be on an email inbox, where we could filter "All, unread, or read". I realise I could just create three different lists, one for each view of the list (maybe I'm just being picky) but I was wondering: Is there is any easy way to conditionally select the items to display from a DataProvider based on a parameter (for example type =="Upload") so I don't have to juggle three separate ArrayCollections about?
I use this code to create and show a MessageWindow:
var newTitleWindow:MessageWindow = PopUpManager.createPopUp(contextView,MessageWindow, true) as MessageWindow;
newTitleWindow.text = message;
PopUpManager.centerPopUp(newTitleWindow);
[Code]....
There is no nested components displayed when I run my app.
The debugger shows they are created and visible.
To my "amusement" the components are shown when I replace s:TitleWindow with mx:TitleWindow.
I really want to use spark TitleWindow.
I need to put together an editable text area that has a custom caret (cursor) which is different from the default blinking vertical line. Is the caret a "skinnable" property of text input? note that I am not asking about the mouse pointer cursor which can be set using the CursorManager.
View 1 RepliesI made a virtual keyboard w/c i will use on touchscreen, everything is ok except for when I wanted to insert a letter in a text field it always places itself at the end, the problem is that if I needed to insert a character I have to delete all of the text in front of it before I could put that letter.
I had tried using setSelection but still nothing changes. A
does anyone know how to make the initial text in an input text box disappear once your cursor changes from the arrow to the type cursor? For example, I have an input text box which has the text visible saying "enter your email address here" I want this text to disappear automatically when the user goes to type something there...
View 3 Repliesi have few button to let user click and the symbol will insert into the input text. i change my input box to 'symbol' but i facing the problem that i can't insert character other than symbol...
View 6 Repliescan you please help me with this issue the String class does not have insert method it has only replace :( .
what I need is:
- if I have string "I stackoverflow"
- I need to insert "love " at index 2 to have "I love stackoverflow"
so what I need is insertAt(index, String)
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].....
I have a project that was dumped on my lap, and my knowledge of Actionscript is very limited.
The scenario is that the user is presented with a floormap of a building that should show a red dot denoting where each employee sits (based on X,Y coordinates on the floormap).
The employees' profiles (name, telephone, X/Y coordinates) are stored in a database.
One our our programmers managed to load the users into a Flash object array. Now, it's my turn to add some actionscript to place a red dot on the floormap for each and every user in that array based on their x/y coordinates.[code]...
I want to change the blinking text cursor color of Text Input in Flex 4... How can I change it ?
Is there any way to handle it, or it can be only controlled by Flash Player?
I have 2 spark labels next to each other. They are in a basic layout and both have bottom set to 0. They have different font sizes (28 and 12).
Both fields only display numbers. I want the baseline of the numbers to line up.
At the moment they do not as there are no descenders and the descender area of the line is obviously a different height for the 2 different font sizes.
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.
The Below code is running well...
<?xml version="1.0" encoding="utf-8"?>
<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].....
Then htmlText doesn't support Spark Textarea. Hence produces error. How does one go about displaying HTML formatted text with spark Text Area Property.
I've been playing with s:ComboBox and generally like them a lot. One detail is driving me nuts though - most likely due to my lack of knowledge in the subject - is that if I try to add a new item to my dataprovider in a changeHandler (registered to the change event) the text for the ComboBox textInput disappears - although the item addition works perfectly. Interestingly enough the same operation works fine if it gets called by clicking on a button, i.e. post the change event has been processed, and the text does not disappear.[code]if you take out the change handler you will see that adding a new item and then clicking on the button keeps the new element in the textInput while adding the item to the data provider, which does not happen if you just enter a new item and press enter.
View 1 RepliesI am using spark.label for Mobiles in Flex, I want gradient on label text instead of solid color. But performance should be kept in mind as it will run on mobile device.
View 1 RepliesI'm trying to show a horizontal line under each row of text in a Spark TextArea. I want to give the text area the look of legal paper.
View 2 RepliesHow do you determine the line height (in pixels) of the text in a Spark Label?
View 2 Replies