Style TextArea

Hello,
I am trying to change the background color of the textarea using in-line css.
responseBox = new TextArea();
responseBox.setStyle("-fx-font: 14px 'Courier New';-fx-background-color: #000000;");The background color should be black, but it remains as defult (white).
What am i doing wrong?
How do I change the color of the font within TextArea?
Gabor

Hi Darryl,
It doesn't work for me. I got this error message permanetly on the console on the other hand either using style or not:
knownConverters does not contain mapping for javafx.geometry.Insets
INFO: com.sun.javafx.css.StyleableProperty error
Styleable [email protected]
(inherits=false, converter=, initial=2, property=-fx-margin) for
com.sun.javafx.scene.control.skin.TextInputSkin margin:
Could not infer 'converter'I saw in a previous post that one experienced this and he was told that TextArea is buggy.
Thanks, Gabor

Similar Messages

TextArea style won't print

I have set border and background styles on all my textarea
components with
_global.styles.TextArea.setStyle("backgroundColor", "red");
_global.styles.TextArea.setStyle("borderColor", "blue");
and everything looks fine before I try to print it. The
backgrounds are red and the borders are blue.
But when I print this movie clip using PrintJob all these
styles
don't print.
Does anyone know why and what the solution is?
Thanks

Hi @SportNSound,
Thank you for visiting the HP Support Forums! I see you are running into some print quality issues on your HP Photosmart 6510 you are unable to print in black ink.
I would like you to continue troubleshooting here: Printer Does Not Print Black Ink or Color Ink, or Prints Blank Pages, I understand you may have done some of these steps already but I need you to complete all steps in order to resolve the missing black issue you are experiencing.
Please note: There are three printhead cleaning stages. Complete all three stages if necessary. If the printhead is badly clogged, it might require another cleaning cycle. If so, wait 30 minutes after the last (third) cleaning stage to start the first stage of the cleaning process over again.
If you are still unable to print in black ink, I suspect the issue may be the printer and not the cartridge so the reset is not going to help in this case.
I hope to hear from you soon.
Thanks,
HevnLgh
I work on behalf of HP
Please click “Accept as Solution” if you feel my post solved your issue, it will help others find the solution.
Click the “Kudos Thumbs Up" to the left of the reply button to say “Thanks” for helping!

TextArea link inside a move clip

The actionscript calls textArea to have a rollover action and
then link to another site when released. However when placed inside
a movie clip the rollOver works but not the link. I need someone to
tell me what syntax I'm missing. It's gotta be possible.
Please help.
Here's the Code:
var feature_styles:TextField.StyleSheet = new
TextField.StyleSheet();
feature_styles.setStyle("backgroundColor", 0x000000);
feature_styles.setStyle("mainbody", {color: "#333333",
fontFamily: "FFF Hero", fontSize: "8", display: "inline"});
feature_styles.setStyle("a:link", {color: "#333333",
fontFamily: "FFF Hero", fontSize: "8", display: "inline"});
feature_styles.setStyle("a:hover", {color: "#FF0000"});
background1_mc.textbox_1.links_1.label.condenseWhite=true;
background1_mc.textbox_1.links_1.styleSheet = feature_styles;
background1_mc.textbox_1.links_1.wordWrap = true;
background1_mc.textbox_1.links_1.html = true;
background1_mc.textbox_1.links_1.label.selectable=false;
background1_mc.textbox_1.links_1.editable=false;
background1_mc.textbox_1.links_1.vScrollPolicy = "off";
background1_mc.textbox_1.links_1.hScrollPolicy = "off";
background1_mc.textbox_1.links_1.embedFonts = true;
background1_mc.textbox_1.links_1.text += "<a
href=\"Fall08images/downloads/FALLOUT_1600x1200.jpg\"
target=\"_blank\">1600 x 1200</a><br>";
_global.styles.TextArea.setStyle("backgroundColor" , "none");
_global.styles.TextArea.setStyle("borderStyle", "none");
_global.styles.TextArea.setStyle("borderColor", "none");
stop();

Try:
background1_mc.textbox_1.links_1.htmlText += "<a
href=\"F...

Hot to change textarea's font?

Hi,
I am using Theme 15 in Apex 3.2. Can some body please help me, how to change the font of a text area? Currently it seems to me that it is using a fixed size font (courier or something) and I can not make it to display the text as something more descent, like Ariel. TIA.
Tamas

Hi,
Try place to page HTML header
<style>textarea{font:arial!important}</style>Regards,
Jari
Edited by: jarola on Aug 25, 2010 1:46 AM
just in case add also !important. I did change code above

HTML links won't display in Dynamic Text Field

I am loading external text files in dynamic text fields on my
webage. These texts contain html links (<a href="page.html"
target="_blank">Click Here</a> and I have "render as HTML"
on and "selectable" off in my dynamic text field. Also, I am
loading a CSS file. Not only do I not have a hand cursor, but I do
not even have any of the text from that piece of html code down.
What is going on with this? Please respond asap, as I have been
struggling with this for a day now. Here is the Actionscript for
loading the CSS:
var flash_css = new TextField.StyleSheet();
flash_css.load("styles.css");
flash_css.onLoad = function(success:Boolean) {
if (success) {
zloc_txt.styleSheet = flash_css;
} else {
trace("Error loading CSS file.");
var zloc_lv:LoadVars = new LoadVars();
zloc_lv.load("zloc.txt");
zloc_lv.onLoad = function(success:Boolean) {
if (success) {
zloc_txt.text = this.content;
} else {
trace("unable to load text file.");
zloc_txt.html = true;
zloc_txt.editable = false;
_global.styles.TextArea.setStyle("backgroundColor" ,
"transparent");
_global.styles.TextArea.setStyle("border styles" , "solid");
Here is a sample of the text file code:
&content=<span class="headline">Northwest Arkansas
Locations</span>
121 Main St.
Russellville, AK 77801
(626) 111-1111<br />
<html><a href="
http://www.mapquest.com"
target="_blank">Click Here for Driving
Directions</a></html><br />
Thanks for the help,
Chuck

The error is here:
zloc_txt.text = this.content;
Even if you rendered the textfield as HTML, you still need to
tell flash that the variable you are inserting is HTML. Therefore
you need to use the htmlText property.
zloc_txt.htmlText = this.content;

The code from "help" doesn't work?\

Hi
I'm trying to change the color of the font of the TextArea
component to white. I use this code which I copy and paste directly
from "help":
import mx.styles.CSSStyleDeclaration;
if (_global.styles.TextArea == undefined) {
_global.styles.TextArea = new CSSStyleDeclaration();
_global.styles.TextArea.setStyle("color", 0xFFFFFF);
Doesn't work...
I try this one, again from the "help":
myTextAreaComponent.setStyle("color", 0xFFFFFF)
Again doesn't work...
Any clue????
Also, if a movie with a TextArea component is under a mask
the text isn't seen. What can I do about it? But this is a less
significant problem, the color of the text is what concerns me
most.

Yes, kglad I tried this in a new document, and it works.
Don't know why it didn't work for the old one. Maybe I've mistaken
something...somewhere... who knows... Anyway, I don't need the text
white anymore, because I redesigned everything and I think it looks
better now, so it's not a problem.
Can you advize me something on the mask issue? It's not so
important but I'm curious. It could turn to be a problem if you
have a fullscreen flash movie and have content out of the stage.
Thanks!
Btw, just saw the spyrograph on your website. Looks
absolutely amazing !! :)

AS3 TextArea Style

I'm having an issue trying to change the font/font size/font
color in my textarea component using AS3 in Flash CS3.
For AS2 to style a comboBox for example it was as easy as:
yourComboBox.rollOverColor = 0xe8e8e8;
yourComboBox.textRollOverColor = 0x333333;
yourComboBox.selectionColor = 0xe8e8e8;
yourComboBox.textSelectedColor = 0x333333;
But for AS3 I'm kinda lost.. Any help would be greatly
appreciated. Attached is a copy of some code I'm working on.
import fl.controls.*;
var info_txt:TextArea = dyna_mc.info_txt;
var date_txt:TextArea = date_mc.date_txt;
var record_xml:XML;
var xmlReq:URLRequest = new URLRequest ("file.xml");
var xmlLoader:URLLoader = new URLLoader ();
function xmlLoaded(event:Event):void
record_xml = new XML(xmlLoader.data);
date_txt.text = record_xml..Date[2];
info_txt.text = record_xml..Aries[2];
xmlLoader.load(xmlReq);
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
Thanks
Tim

StyleManager.setStyle("embedFonts", true);
StyleManager.setStyle("textFormat", new TextFormat(new
iFont().fontName, 28, 0x000000));
That will set the global style for all components used. If
you want to set them separately, replace "StyleManager" with the
instance name of the object.
For this example to work, you'll need a font in your library
that is set to export with Class name "iFont".

TextArea as2.0 style

hello every one
is there any way to style the background of TEXTAREA component in 2 colors
like each line will have different color of background like forums or similar
TEXTAREA >> {
LINE1 : BLACK COLOR BACKGROUND
LINE2: WHITE COLOUR BACKGROUND
LINE3 : BLACK COLOR BACKGROUND
LINE4: WHITE COLOUR BACKGROUND
IS THAT POSSIBLE ?

sure - you need to use the access operator here, as in:
this['myMovieClip'+(i+1)+'_mc'].

Textarea which take style and formatting?

hi,
I am working on java and jsp.
I am making One Report in which I have to show some predefine instructions given by the client.Currently I am showing this instructions in normal textarea hence the formatting and style of text is not there.
So I want to know is any other control through which I can show text with formatting and style like in vb we have richtextbox..... and if so then how?
thanks in advance..........
regards,
hitWin

No. This has nothing to do with JSP and everything to do with HTML. HTML does not provide for a "control" for that. Only the plain textarea or text input field. JSP doesn't change what the browser is capable of. However, if IE supports some VB control or something in the browser, you could probably use that (it still has nothing to do with JSP). But that would likely only work on IE.
The only other solution is to make the form an applet, then you would have the full Java GUI capabilities, but this isn't very simple.

Using Squiggly with Spark TextArea causes TLF formatting to disappear

We are using a Spark TextArea component in our application to offer more enhanced text formatting options to our users. Yesterday we downloaded Squiggly since it's the only one available that seems to support the spark components. It is highlighting misspelled words correctly and does have a nice right-click context menu with suggestions, etc. However, when we select a word from the suggestion list and it replaces it in the text area, it seems to replace the entire contents of the textarea as plain text. Any formatting on the text such as bold, italics, font sizes, underlines, all immediately disappear once the misspelled word is replaced. We're using the SpellUI implementation. Below is some of the snippets of the code we're using to implement SpellUI:
protected function createTextArea():void {
_textArea = new TextArea();
_textArea.editable = true;
_textArea.enabled = true;
_textArea.textFlow = TextConverter.importToFlow(XML(dataModel.value)[0], TextConverter.TEXT_LAYOUT_FORMAT);
_textArea.textFlow.flowComposer.updateAllControllers();
_textArea.addEventListener(FlexEvent.CREATION_COMPLETE, setupSpellCheck, false, 0, true);
private function setupSpellCheck(event:Event=null):void {
logger.debug("setupSpellCheck", "Setting up spell check system...");
_textArea.removeEventListener(FlexEvent.CREATION_COMPLETE, setupSpellCheck);
resourceManager.localeChain = [localeStr];
enableSpellCheck();
enableSpellCheckContextMenu();
private function enableSpellCheck():void {
SpellUI.enableSpelling(_textArea, localeStr);
private function enableSpellCheckContextMenu():void {
var contextMenu:Object = {add:resourceManager.getString('SquigglyContextMenu', 'add'),
enable:resourceManager.getString('SquigglyContextMenu', 'enable'),
disable:resourceManager.getString('SquigglyContextMenu', 'disable')};
SpellUI.setSpellingMenuEntries(contextMenu);
As you can see, we're constructing a new TextArea control and setting it's textFlow by importing an existing textflow XML that we have saved in our database. Once the TextArea has dispatched the FlexEvent.CREATION_COMPLETE, we are setting up the spell check system and everything works ok until you actually correct a misspelled word by selecting it from the right-click suggestions list. The text initially imported may have any number of styles applied to it as I mentioned above. Once the spelling replacement occurs, all the formatting is wiped out for the entire text area.
Any thoughts?
-Jason Kringen

Just to give some more details, here's the TextFlow output from our TextArea before using the spell check word replacement:
<TextFlow columnCount="inherit" columnGap="inherit" columnWidth="inherit" lineBreak="inherit" paddingBottom="inherit" paddingLeft="inherit" paddingRight="inherit" paddingTop="inherit" verticalAlign="inherit" whiteSpaceCollapse="preserve" xmlns="http://ns.adobe.com/textLayout/2008"><p direction="ltr" justificationRule="auto" justificationStyle="auto" leadingModel="auto" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" textAlign="start" textAlignLast="start" textIndent="0" textJustify="interWord"><span>Text goes in here. </span><span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#000000" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Arial" fontLookup="embeddedCFF" fontSize="28" fontStyle="normal" fontWeight="bold" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textDecoration="none" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">misspeled</span><span> jhkjd het </span></p></TextFlow>
And here is the TextFlow output immediately after replacing a misspelled word:
<TextFlow columnCount="inherit" columnGap="inherit" columnWidth="inherit" lineBreak="inherit" paddingBottom="inherit" paddingLeft="inherit" paddingRight="inherit" paddingTop="inherit" verticalAlign="inherit" whiteSpaceCollapse="preserve" xmlns="http://ns.adobe.com/textLayout/2008"><p><span>Text goes in here. misspeled jhkjd get </span></p></TextFlow>
So it's obviously stripping out all of the TLF formatting and simply leaving the blank <p> and <span> tags without any of the formatting details.

How to set background color for textarea

Hi all,
I have created an application in Apex 3.2.
I am now able to disable the text fields, select lists and textarea.
Ex:
function disableDD()
var v_ddays              = document.getElementById("P2_DELINQUENCY_DAYS");
v_ddays.value            = "";
v_ddays.disabled         = true;
v_ddays.style.background = '#cccccc';
}The background color thing is working for all the text fields, but the same is not working with the textarea.
Any help please....

There is no button involved in the following code, but it may
be of use to you:
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="init()">
<mx:Script>
<![CDATA[
private var origColor:uint;
private function init():void {
origColor = dc.getStyle("selectionColor");
public function setBackGrdColors(newColor:uint):void {
dc.setStyle("selectionColor", origColor);
if(dc.selectedDate){
var dayOfWeek:Number = dc.selectedDate.day;
else{
return;
switch(dayOfWeek) {
case 0:
if(sun.selected)
dc.setStyle("selectionColor", newColor);
break;
case 1:
if(mon.selected)
dc.setStyle("selectionColor", newColor);
break;
case 2:
if(tue.selected)
dc.setStyle("selectionColor", newColor);
break;
case 3:
if(wed.selected)
dc.setStyle("selectionColor", newColor);
break;
case 4:
if(thu.selected)
dc.setStyle("selectionColor", newColor);
break;
case 5:
if(fri.selected)
dc.setStyle("selectionColor", newColor);
break;
case 6:
if(sat.selected)
dc.setStyle("selectionColor", newColor);
break;
default:
break;
]]>
</mx:Script>
<mx:VBox horizontalAlign="center" verticalGap="20">
<mx:DateChooser id="dc" textAlign="left"
change="setBackGrdColors(cellColor.selectedColor)"/>
<mx:HBox width="100%" horizontalAlign="center">
<mx:CheckBox id="sun" label="Sun"/>
<mx:CheckBox id="mon" label="Mon"/>
<mx:CheckBox id="tue" label="Tue"/>
<mx:CheckBox id="wed" label="Wed"/>
</mx:HBox>
<mx:HBox width="100%" horizontalAlign="center">
<mx:CheckBox id="thu" label="Thu"/>
<mx:CheckBox id="fri" label="Fri"/>
<mx:CheckBox id="sat" label="Sat"/>
</mx:HBox>
<mx:HBox width="300" horizontalAlign="center">
<mx:Label text="Background Color" />
<mx:ColorPicker id="cellColor"
selectedColor="#FF00FF"/>
</mx:HBox>
</mx:VBox>
</mx:Application>

Reports not retaining carriage returns from htmldb_item.textarea

Im created a tabular form for multi row updates using htmldb_item.textarea for one of the fields. When I update the tabular form it keeps any carriage returns in this field, which is good. I then created a PL/SQL function body returning a SQL Query report for printing purposes. The problem is that the field populated by the htmldb_item.textarea does not retain any of the carriage returns in the report.
I enter the following in the textarea on the tabular form:
Line 1
Line 2
Line 3
The report I created then displays the data as:
Line 1 Line 2 Line 3
I need the report to display the data the same as it appears on the tabular form.
I tried this in my report from reading other similar situations on this forums, but didnt work.
replace("TEXTAREA",''||chr(13)||'',''||
||'') as title
Anyone know of a solution?

How about this?
Go the page where you can edit the report column attribute - here is the bread crumb to help you figure out what I am talking about
Home>Application Builder>Application 99999>Page Definition>Report Attributes>Column Attributes
The second box in this page is Column formatting, you will find 4 text boxes (Number / Date Format, CSS Class, CSS Style, Highlight words) and a text area (HTML Expression). In the text area replace #COLUMN_ALIAS# with <PRE>#COLUMN_ALIAS</PRE>. You will get your newlines without tweaking the query or removing Strip HTML. Strip HTML is a security feature that I would not disable. On the down side you will loose some of the ability to format like fonts etc (:-(,
Here is why you loose the newlines in the report. When browsers render html they have the liberty to reformat it. When reformating they can play around with whitespaces including new lines. To force a new line you have to use the BR tag or you can say the text is preformated using the PRE tags.

Textarea formatting for carriage returns

Hi all,
I've created a websheet that includes a textarea column and have found that while any text entered in edit mode displays a carriage return, as soon as the data has been entered and the field returns to read-only mode the carriage returns are not retained . . . all of the content is displayed in one continuous string. Is there a way to accomplish this?
Note: Using APEX v4
Thanks.
Edited by: arrowjf on Jan 6, 2012 1:18 PM

* The TextArea control uses UNIX-style line endings, which
means that text data containing Windows-style carriage-return
line-feed (that is, \r\n) formatting for new lines contain extra
line breaks. You can use String.replace() with a regular expression
to convert the text to UNIX-style line endings, as the following
example shows:
private static const windowsCRLF:RegExp = /\r\n/gm;
myTextString = myTextString.replace(windowsCRLF, "\n");
http://www.adobe.com/support/documentation/en/flex/2/releasenotes_flex2_sdk.html

How to insert new line in textarea

I try programatiaclly to add for example three strings in <textarea>
the final result should be something like this:
--TEXTAREA TAG BEGIN
line1
line2
line3
--TEXTAREA TAG END
I tried the hack described here;
http://www.mail-archive.com/[email protected]/msg08294.html
<c:set var="temp" value="one
two"/>
<c:set var="newline" value="${fn:substring(temp,4,5)}"/>after that I used it like this:
<textarea>
// forEach begin (write some output)
<c:out value="${newline}"></c:out> //try to add new line
// forEach end
</textarea>Sorry about the wrong comment style, I'm just pointing out whta I expect as a result.
I was surprised when I found out that "newline" value is "t" instead of special character "\n" or "\r". Anyway, I didn't receive the desired result.
I use XML JSP files and UTF-8.
Can anyone help me?

I think I remember using a pre tag in between.
<pre>
// ur text area tags here.
</pre>

How can I access the content of a textarea component?

I'm trying to use a javascript form editor in my jsf project.
The form editor writes to an html <textarea> component.
The jsp page looks like this:
<div style="height: 336px; left: 0px; top: 0px; position: absolute; width: 672px">
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
</script>
<textarea cols="50" name="content" rows="15">This is some content that will be editable with TinyMCE.</textarea>
</div>
The content of the <textarea> component is changed with the editor.
What I need to do is capture that content after it has been edited.
How can I do that??
Thanks

I have a similar problem. When I try to watch the rented movie a pop up says "Cannot Open: The content is not authorized" What exactly is the problem. I'm not in the US at the current moment. I'm in France. But that shouldn't be a problem right?

Style TextArea

Similar Messages

Maybe you are looking for