TextArea border

Using WebWorks and BBUI.js, it was easy to include a text box with a light, around the border for the text boxes.

Given that I spent in waterfalls, I have not found an easy way to do that is part of the framework. I guess I can use a text box that is not editable and look in the creation of a custom border of nine slices. Or y at - it an easier way?

Here is an example.

I am referring to the light, lap race around information groups such as around the elements of list of "Superman" and "Batman."

Thank you!

Fix. Containers are containers for general purposes for other widgets, and they take over the images or background colors. If you want both a slice for a border * and * a separate background image that you can not put in this image of nine slices for some reason, you will need a pair of nested containers to do, or you can have a container with the image of the border as the 'background' property and use an ImageView as one of the children for the real background. (Or vice versa, perhaps.)

Tags: BlackBerry Developers

Similar Questions

  • Get rid of the ugly TextArea border...

    Hello!

    I tried in vain several ways (from setStyle using the RectBorder class) to get rid of the ugly grey border appearing in the TextArea component.
    I've not found anything effective in LiveDocs or Pro 8 help.

    Does anyone know the right way to go through this issue?
    Thank you very much in advance for your help!

    Kind regards

    Gerry

    is it your instance name text box your, try:

  • My picture rightmost loads in Firefox but is centered in other browsers. How to troubleshoot the contradictory code?

    <!DOCTYPE HTML>
<html>

<head>
 <!-- #BeginEditable "doctitle" -->
 <title>Falmouth Goat Races</title>
 <!-- #EndEditable -->
 <link href="css/styles.css" rel="stylesheet" type="text/css" media="screen">
 <style type="text/css">
.auto-style1 {
 font-size: medium;
}
</style>
</head>

<body>

<div id="wrapper">

  <div id="top">

   <div id="logo">
    <img src="images/goatracelogo1.jpg" height="106" width="760" />
   </div>

   <div id="social-media">
    <p class="auto-style1">Connect With Us</p>
    <ul>
     <li><a href="https://www.facebook.com/FalmouthGoatRace?ref=ts&fref=ts"><img src="images/icons/facebook.png" alt=fb /></a></li>

    </ul>

   </div>

  </div>

  <div id="topnav">
   <ul>
    <li><a href="index.html">WELCOME</a></li>
    <li><a href="about.html">ABOUT</a></li>
    <li><a href="products.html">PRODUCTS</a></li>
    <li><a href="services.html">SERVICES</a></li>
    <li><a href="team.html">TEAM</a></li>
    <li><a href="contact.html">CONTACT</a></li>
   </ul>
  </div>

  <div id="banner">
   <img src="images/fb3.jpg" alt="ken" height=250px; width=333px; class="kenny"/>
  </div>

  <div id="subbanner">
   <h3>

Welcome to the Home Page of the

Falmouth Civic Association,

Falmouth, PA </h3>
   <h3>

   Along the beautiful Susquehanna River

</h3>
   <h3>

   Just below Three Mile Island</h3>
  </div>

        <div id="content">
            <!-- #BeginEditable "Content" -->
            <h1>The Legend of the Goat Race </h1>
            <p class="hipple">

            <img alt="hipple" height="329" src="images/hipple.jpg" width="151" style=float:left; >Once upon a time in a tiny village called Falmouth, there were several old timers sitting around the Village Store discussing life's misfortunes. It seems that John was a little down on his luck at the horse track. Seeing as they all had goats as family pets, prompted Glenn to remark that they might as well bet on goats.

            Well, that was all it took for Ken, the practical joker of the group, to get an idea! The next day, Ken placed an ad in the local newspaper, advertising a Goat Race in Falmouth and giving his friend Glenn's phone number.

            Meanwhile, back in the village, life went on as usual. Except, people started calling Glenn's phone number wanting to enter their goats in the race. Which didn't make any sense to poor Glenn's wife, who spent half of the day answering the telephone. But, being a good wife, she took everyone's name and phone number and when Glenn returned home that evening, she gave him the stack of messages (entries).

            Now as the "good ol' boys" got together that night, they decided the only way to save face was to hold a goat race. And it was such a huge success that they have done it every year from that day up to the present.</p>

  </div> 

  <div id="footer">
   <p>&copy;Copyright - 2013 Falmouth Goat Races </p>
  </div>

   </div>

</body>
</html>

/* Reset */

html, body { margin: 0; padding: 0; border: 0;
    background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: baseline;
 background: transparent;
 }

img  { margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
 margin: 0; padding: 0; border: 0;
 vertical-align: baseline;
 background: transparent;
 }

table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
 margin: 0; padding: 0; border: 0;
 }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
 display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
 font-family: Arial, Helvetica, sans-serif;
 font-size:100%;
 font-weight: normal;
 font-style: normal;
 line-height: 100%;
 text-indent: 0;
 text-decoration: none;
 text-align: left;
 color: #000;
 }

ol, ul { list-style: none; }

/* Global */

html  { }
body { background-color:#eeeeee; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */

p            { color:#000; font-size:12px; line-height:150%;  }
p .left   { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right   { margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a            {   }
a:link   { color: #00f;  }
a:visited  { color: #0f0;  }
a:active  { color: #000;  }
a:focus   { color: #666;  }
a:hover      { color: #f00;  }

blockquote   { color:#000; font-size:12px; }

strong       { font-weight: bold; }
em         { font-style: italic; }

/* Images */

/* Lists */

ul           {  }
ol           { list-style-type:decimal; }

ul li      { color:#000; font-size:12px; }
ol li       { color:#000; font-size:12px; }

dl           {   }
dt         {   }
dd           {  }

/* Tables */

table        { width:100%; }

tr    { }
.odd   { background-color:#eee; }
.even   { background-color:#fff; }

th           { font-weight: bold; }
thead, th     { background: #ccc; }

tbody   {   }

th,td,caption  {  }
caption   {  }

tfoot        { }
.tfooter  { background-color:#ccc; text-align:center; font-style:italic; }

caption      { background: #efefef; }

/* Containers */

#wrapper    { width:950px; height:1100px;margin:0px auto; background-color:#ffffff;   }

#top    { background-color:#000000; width:100%; padding:20px 0; overflow:hidden;  }

#logo    { margin:0 0 0 10px; float:left; }

#social-media  { float:right; margin:0 10px 0 0; }
#social-media p  { color:#ffffff; font-size:11px; margin:4px 10px 4px 0px; }
#social-media img { width:36px; height:36px; }
#social-media ul li { display:inline; }

#topnav    { background-color:#333333; clear:both;   }
#topnav ul   { width:100%; float:left; margin:0px; background-color:#333333;
      border-bottom:3px #cccccc solid; }
#topnav ul li  { display:inline; }
#topnav ul li a  { float:left; padding:10px 20px; }

#topnav a:link  { color:#ffffff; }
#topnav a:visited { color:#ffffff; }
#topnav a:active { color:#ffffff; }
#topnav a:hover  { color:#ffffff; background-color:#770000; }
#topnav a:focus  { color:#ffffff; }

#subbanner    { width:100%; background-color:#555555;
      padding:15px 0; overflow:hidden;    }
#subbanner h3  { color:#ffffff; font-size:16px; font-weight:bold;
      text-align:center; line-height:180%; }

#content    { float:left; width:875px; padding:20px; }
#content h1   { margin: 0 0 20px 0; font-size:32px;
      border-bottom:1px #777777 solid; padding:20px 0;  }
#content p   { margin:16px 0; line-height:160%; }
#content h2   { margin:20px 0 0 0; }
#content img  { padding:8px; border:1px #888888 solid; margin:8px; }

#footer    { clear:both; background-color:#000000; padding:10px 0;  }
#footer p   { text-align:center; color:#ffffff; }

#box1 {   }

#box2 {   }

#box3 {   }

#box4 {   }

#box5 {   }

#box6 {   }

/* Layout Extra */

/* Navigation Extra */

/* Forms */

form { text-align:left; margin:20px; }

label, submit, input, textarea {
 border:0; padding:0; margin:0; background:none;
 }

label {
 float: left; width: 150px;
 text-align:right; display:block;
 }

input, textarea {
 border:1px #333 solid; margin-left:10px;
 }

input {
 width: 280px; margin-bottom: 16px;
 }

textarea {
 width: 280px; height: 150px;
 margin-bottom: 16px;
 }

select { }

.submit {
 width:90px; height:25px;
 margin-left:150px;
 font-size:12px;
}

h1 {
 text-align:center
}

br { clear: left;  }

#banner {
 background-color:black
}

.kenny {margin: 0px auto; display: block;}

.hipple {
 margin-left:15px; font-size:18px;
}

    This looks like a clear lack: the two rule that causes Firefox start this image to the right of the menu bar.

    #banner {
 background-color:black;
 clear:both;
}

  • PHP form field not displayed [was: Beginner problem.]

    Hello good people.

    I have a very simple question.

    Here's my index.html

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml ">
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
    < title > Test PHP < /title >
    < style >
    {body
    margin: 50px; background-color: #232323; do-family: without serif. color: #B7B7B7; font-size: 13px;
    }
    Input, textarea {}
    border: 1px solid #464646; background-color: #1C1C1C; do-family: without serif. color: #CECECE; do-size: 10px; margin-top: 15px; margin-bottom: 15px;
    }
    {#submit}
    font-size: 13px;
    }
    < / style >
    < / head >

    < body >
    < do action = "index.php" method = "post" > "
    What's your name? < br / >
    < input type = "text" name = "name" / > < br / >
    What is your age? < br / >
    < input type = "text" name = "age" / > < br / >
    < textarea type = "text" name = "tekstas" rows = "5" cols = "40" > your message. < / textarea > < br / > < br / >
    < input type = "submit" value = "Go!" id = "submit" / >
    < / make >
    < / body >
    < / html >

    And index.php

    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml ">
    < head >
    < style >
    {body
    margin: 50px; background-color: #232323; do-family: without serif. color: #B7B7B7; font-size: 13px;
    }
    < / style >
    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
    < title > PHP < /title > result
    < / head >

    < body >
    <? PHP
    SetType ($_POST ["age"], "integer");
    echo 'your name is. " $_POST ['name']. "< br / > ';
    If ($_POST ["age"]! = 0) echo "your age is." $_POST ['age']. "< br / > < br / > ';
    "If ($_POST ["age"] = 0) echo"Please indicate your age."." < br / > < br / > ';

    echo "< b > Message: < /b > < br / >". "." $_POST ['tekstas"];
    ? >
    < / body >
    < / html >

    The question is:

    Why the part of the age of php does not work properly? If I leave it black or type zero in the age < input >, PHP simply ignores the part 'Please specify your age' code.

    You're relatively new to this forum. Welcome.

    Please take a moment to read How to get help quickly. Using a subject like "Newbie problem" line makes no sense and is likely to be ignored at busy periods. Always try to use a descriptive subject line.

    The answer to your problem is very simple. This is the error of the beginner town that attracts even more experienced people from time to time. It is in this line:

    if ($_POST["age"]=0 ) echo "Please specify your age."."

    ";

    You used only one sign "equal", which assigns the value to a variable, then it always equals TRUE.

    To compare two values, you must use two equal signs like this:

    if ($_POST["age"] == 0 ) echo "Please specify your age."."

    ";

    There are other things that could be done to improve your code, but which solves the underlying problem.

  • Spark TextArea remove border (borderVisible) in Flex 4.5 Hero

    When dealing with the text box for the development Mobile Flex Hero 4.5 I can't find a way to remove the border.

    < s:TextArea id = "lblPOC" left = "10" right = "10" top = low "10" = "10".

    borderColor = "#FFFFFF" borderVisible = "false" color = "#000000".

    contentBackgroundColor = "#FFFFFF" editable = "false" skinClass = "{null}"/ >

    setStyle does not work on the spark components, that I just discovered.
    Even htmlTexh, I had to:
    MobileTextField (lblPOC.textDisplay) .htmlText =

    Can someone help me remove the resident a spark TextArea in Flex 4.5?

    Thank you

    Eric

    Looks like you were using the preview version of Flex 4.5.  Setting to false BorderVisible works for me in the build of the 4.5 version:

    http://ns.Adobe.com/MXML/2009.

    xmlns:s = "library://ns.adobe.com/flex/spark" >

  • How can I make the border thicker TextArea?

    I want to make the border on certain areas of thicker/more bold text.  CAN/how this is done?

    Thank you.

    @learner,

    I didn't test this very well, but it seems that you will need create a custom look for spark TextArea and change the weight of the race:

    weight = "5"/ >

    And then it looks like you need tweaking the updateDisplayList to manage non - 1px width border.

    override the updateDisplayList(unscaledWidth:Number,_unscaledHeight:Number):void function

    {

    If (("borderVisible") value is true)

    {

    Border.Visible = true;

    Shadow.Visible = true;

    Background.Left = background.top = background.right = background.bottom = borderStroke.weight;

    textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = borderStroke.weight;

    scroller. Left = scroller.right = scroller.top = scroller.bottom = borderStroke.weight;

    If {(promptDisplay)

    promptDisplay.setLayoutBoundsSize (unscaledWidth - 5, unscaledHeight - 5);

    promptDisplay.setLayoutBoundsPosition (5, 5);

    }

    }

    on the other

    {

    Border.Visible = false;

    Shadow.Visible = false;

    Background.Left = background.top = background.right = background.bottom = 0;

    If (promptDisplay)

    {

    promptDisplay.setLayoutBoundsSize (unscaledWidth - 1, unscaledHeight - 1);

    promptDisplay.setLayoutBoundsPosition (1, 1);

    }

    }

    borderStroke.color = value ("borderColor");

    borderStroke.alpha = value ("borderAlpha");

    super.updateDisplayList (unscaledWidth, unscaledHeight);

    }

    Full skin attached (it was a bit too long to paste here).

    A better solution out there, but it was probably the first thing that comes to mind.

    Peter

  • Flex 4 Spark Textarea without border

    Hello

    I have a s:TextArea in Flex 4.1 where I try to hide the border. Without success.

    I thought it would:

    < s:TextArea
    borderVisible = "false" >

    but the border is still there, also I can't change the color of the font.

    How would I do that?

    Thank you.

    Paul

    It works for me in Flex 4.1 and the latest internal builds:

    
http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    Peter

  • How do I get the screen caret coordinates in TextArea?

    Hello

    I use a component TextArea and when you write a few words, I want to display a popup with suggestions when the user presses CTRL + SPACE. However, I have not found anything that could give me the caret screen coordinates.

    So, how can I find the contact details of caret (I intend to use it in a button event handler), or if it is not possible at the moment, what solution do I have for my scenario? (Please note that I want to show the popup to the location of the caret and not anywhere on the screen, because it would be odd to show it to the center of the text example box).

    Kind regards
    subzero

    Published by: subzero on May 5, 2013 15:19

    Published by: subzero on May 5, 2013 15:19

    I don't see a reasonable way to do it. You can put a feature request in JIRA.

    I have a totally unreasonable, though. The circumflex accent is represented as a path (at least, it is in the current versions of JavaFX I use; 2.2.7 (JDK 1.7.0_21) and 8.0.0 (JDK 1.8.0 ea b87)); and there seems to be no other path in the graphics scene below a TextArea. Then you can simply search through the graphic scene, starting from the text box, until you find a path and then get its coordinates to the screen. It's really a hack; It is extremely vulnerable to changes in the implementation of the way a TextArea component is rendered. The carat has no style class or id is defined, so using textArea.lookup (...) doesn't seem to help.

    Maybe someone can see better?

    import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.geometry.Bounds;
import javafx.geometry.Point2D;
import javafx.scene.Node;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.TextArea;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.VBox;
import javafx.scene.shape.Path;
import javafx.stage.Popup;
import javafx.stage.Stage;
import javafx.stage.Window;

public class CaretCoordinatesTest extends Application {

  @Override
  public void start(Stage primaryStage) {
    final TextArea textArea = new TextArea();
    final BorderPane root = new BorderPane();
    root.setCenter(textArea);

    final Popup popup = new Popup();
    popup.setAutoHide(true);
    VBox suggestionBox = new VBox();
    suggestionBox.setStyle("-fx-border-color: -fx-accent;");
    popup.getContent().add(suggestionBox);
    suggestionBox.getChildren().add(new Label("Here are some suggestions:"));
    for (int i = 1; i <= 10; i++) {
      suggestionBox.getChildren().add(new Label("Suggestion " + i));
    }

    textArea.addEventHandler(KeyEvent.KEY_PRESSED, new EventHandler() {
      @Override
      public void handle(KeyEvent event) {
        if (event.getCode() == KeyCode.SPACE && event.isControlDown()) {
          Path caret = findCaret(textArea);
          Point2D screenLoc = findScreenLocation(caret);
          popup.show(textArea, screenLoc.getX(), screenLoc.getY() + 20);
        }
      }
    });

    textArea.addEventFilter(KeyEvent.KEY_PRESSED, new EventHandler() {
      @Override
      public void handle(KeyEvent event) {
        if (popup.isShowing()) {
          popup.hide();
        }
      }
    });

    primaryStage.setScene(new Scene(root, 600, 400));
    primaryStage.show();
  }

  private Path findCaret(Parent parent) {
    // Warning: this is an ENORMOUS HACK
    for (Node n : parent.getChildrenUnmodifiable()) {
      if (n instanceof Path) {
        return (Path) n;
      } else if (n instanceof Parent) {
        Path p = findCaret((Parent) n);
        if (p != null) {
          return p;
        }
      }
    }
    return null;
  }

  private Point2D findScreenLocation(Node node) {
    double x = 0;
    double y = 0;
    for (Node n = node; n != null; n=n.getParent()) {
      Bounds parentBounds = n.getBoundsInParent();
      x += parentBounds.getMinX();
      y += parentBounds.getMinY();
    }
    Scene scene = node.getScene();
    x += scene.getX();
    y += scene.getY();
    Window window = scene.getWindow();
    x += window.getX();
    y += window.getY();
    Point2D screenLoc = new Point2D(x, y);
    return screenLoc;
  }

  public static void main(String[] args) {
    launch(args);
  }
}

    Edited by: James_D 5 may 2013 18:04

  • Change the appearance of a TextArea

    I have a TextArea component on my stage.  It is a white rectangle with a border.

    Can I change its appearance?  Ideally I'd like a transparent background without border.

    Thank you

    The textfield will be the easier since they normally come without background if you generate them dynamically.  Or even if you them add manually, you can specify no background via the properties panel.  I don't want to impose no bias on you, but I do what I can to avoid using components as soon as I can, especially because some can add weights of unnecessary files (and I have a dislike for option buttons they offer).

  • Click on the color button and write in textarea with this font color

    Hello world

    I want to do the following:

    • Click on a "red" button
    • write in the text box with a red font
    • Click the 'blue '.
    • write in the text with a font color blue box

    Does not use this possible in flash 10 AS3?

    I tried to use setTextFormat but the problem is that I have the text before inserting on this format.

    Please someone tell me how to do?

    Thank you very much in advance

    Concerning

    :

    Import fl.controls.Button;
    Import fl.controls.TextArea;
    import flash.text.TextField;
    import flash.events.MouseEvent;

    var tf2:TextField = createTextField (100,100,200,22,true);

    TF2.Type = "input";
    TF2. Background = true;
    TF2. BackgroundColor = 0 x 777777;
    TF2. Width = 400;
    TF2. Height = 200;
    TF2.x = 100;
    TF2.y = 100;

    var df1:TextFormat = new TextFormat();
    DF1. Bold = false;
    DF1. Align = "center";
    DF1. Color = 0xffffff;
    DF1. Size = 14;
    TF2.defaultTextFormat = df1;
    TF2. Text = "[text]";
    TF2.setTextFormat (df1, 0);

    addChild (ta2);
    TA2. Move (150,100);

    TF2.addEventListener (Event.change, f);

    function f(e:Event):void {}
    TF2.setTextFormat(DF1,TF2.caretIndex-1);
    }

    var btn_Colour_Red:Button = new Button();
    btn_Colour_Red.label = "Red";
    btn_Colour_Red.addEventListener (MouseEvent.CLICK, btn_Colour_Red_Clicked);
    btn_Colour_Red.setSize (40: 20);
    btn_Colour_Red.move (350, 0);
    addChild (btn_Colour_Red);

    var btn_Colour_Blue:Button = new Button();
    btn_Colour_Blue.label = "Blue";
    btn_Colour_Blue.addEventListener (MouseEvent.CLICK, btn_Colour_Blue_Clicked);
    btn_Colour_Blue.setSize (40: 20);
    btn_Colour_Blue.move (250, 0);
    addChild (btn_Colour_Blue);

    function btn_Colour_Red_Clicked(e:MouseEvent) {}
       
    DF1. Bold = false;
    DF1. Align = "center";
    DF1. Color = 0xFF0000;
    DF1. Size = 14;
    TA2. SetFocus();
    internship. Focus = tf2;
    }

    function btn_Colour_Blue_Clicked(e:MouseEvent) {}
       
    DF1. Bold = false;
    DF1. Align = "center";
    DF1. Color = 0x0000FF;
    DF1. Size = 14;
    TA2. SetFocus();
    internship. Focus = tf2
    }

    function createTextField(x:Number,_y:Number,_width:Number,_height:Number,_border:Boolean):TextField {}
    var result: TextField = new TextField();
    result.x = x;
    result.y = y;
    result. Width = width;
    result. Height = height;
    result. Background = true;
    result. Border = border;
    addChild (result);
    return the result;
    }

  • Change the color of the border of a TextField when I rollover?

    How can I change the color to red when I turn in my form I did with dreamweaver?

    I last name email and comments, and when I pass with the mouse, I want the borders are changing in different color and when im being normally.

    I have this so far.

    < style type = "text/css" media = "screen" >

    / * For standard browsers * /.
    Input [type = "text"]: focus {}
    border: 1px solid #FF0000;
    }

    / * For Internet Explorer * /.
    {Input.Focus
    border: 1px solid #FF0000;
    }
    / * For standard browsers * /.
    Input [type = "text"]: is focus, {textarea:focus}
    border: 1px solid #FF0000;
    }

    / * For Internet Explorer * /.
    Input.Focus, {textarea.focus}
    border: 1px solid #FF0000;
    }
    < / style >

    What do I need most to get refinancing to my borders?

    Thank you

    Try this instead of what you have now. Change the colors to match your site:

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    www.Alt-Web.com/
    www.Twitter.com/ALTWEB
    www.Alt-Web.blogspot.com

  • HTML textArea problem

    I tried the examples and they are not the same as my dynamic text so I'm not sure at this point if someone could help that would be great.

    My textArea component called "UserNotes" is already on stage and the component is set to HTML code.
    The text continues in her dynamicaly with the following code:

    _root. UserNotes.text = "tips Textline 1 Textline 2 stuff < br > < br > < Textline 3 stuff < br >".
    It gives me 3 lines of text as I want.

    In the first image of the text box, I: UserNotes.setStyle ("borderStyle", "none");

    It works very well and there is no border. Now, I want to set the background to a color, or None.
    I also want to set the font size and font color. Combinations have not so far been to workinf.

    Can someone please help?

    Bell W.



    This giv

    You must set Textline1 etc, and you must use the tags are to assign the text color and size to an active html textarea. and you must read the foregoing on the different was to make the background of the transparent text box.

  • web forms colorful - textarea font color does not

    I use the code I have colorful site Web Forms of Paulo Vale. I put the following code in the area of header and footer of my page, in the header text box.

    & lt; style type = "text/css" & gt;

    {input.tfCamp}
    do-size: 10px;
    Color: #000000;
    background-color: #E6FF97;
    padding: 2px;
    border: 1px solid #C0C0C0;
    right margin: 5px;
    margin-bottom: 5px;
    height: 20px
    }

    {Input: hover.tfCamp}
    background-color: #FFFFCC;
    border: 1px solid #81AD00;
    Color: #000000; {cursor: pointer}

    {Input: focus.tfCamp}
    color: #FFFFFF;
    background-color: #81AD00;
    border: 1px solid #006600;
    cursor: text;
    }

    {textarea.taCamp}
    do-size: 11px;
    Color: #000000;
    background-color: #E6FF97;
    padding: 2px;
    border: 1px solid #C0C0C0;
    right margin: 5px;
    margin-bottom: 5px;
    }

    {Textarea:hover.taCamp}
    background-color: #FFFFCC;
    border: 1px solid #81AD00;
    Color: #000000;
    cursor: pointer;
    }

    {Textarea:focus.taCamp}
    color: #FFFFFF;
    background-color: #81AD00;
    border: 1px solid #006600;
    cursor: text;
    }

    {select.slCamp}
    do-size: 10px;
    Color: #000000;
    background-color: #E6FF97;
    padding: 2px;
    border: 1px solid #C0C0C0;
    right margin: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    }
    {SELECT: hover.slCamp}
    Color: #000000;
    background-color: #FFFFCC;
    border: 1px solid #81AD00;
    }

    {SELECT: focus.slCamp}
    color: #FFFFFF;
    background-color: #81AD00;
    border: 1px solid #C0C0C0;
    }

    & lt; / style & gt;

    I placed this text & lt; head / & gt; Tags.

    Funny this is that on his website, the textarea will allow the user to type in the text box and the text is white and stays white until you leave the area.

    On my page web in the text box the text briefly appears as white as you type (less than a fraction of a second) but changes to black that you continue to type.

    Now if I go out of the text box and come back and focus in the text box, the text displayed in white.

    Why is the text change to black because it is typed? My code is the same as his, but it works not just for the text box. The selection list and textfield code works exactly the same.

    Thank you.
    Maggie

    Hi Maggie,

    You use a simple text box item?
    If you change you the text box, what value you have to ' display as '?

    Do you use Firefox?

    --
    Paulo Vale
    http://Apex-notes.blogspot.com

  • How can I fix the color washed out for border to start in Firefox (vs Chrome)?

    I created a web page with a very basic table and border-style: first. Attached picture shows three colors ('red', ' #2CC11F ' and ' #22A8D6 ') of this table, and how they appear on the Chrome vs. Firefox (right) (left).

    The image is a screenshot taken with Firefox and Chrome on the same monitor.

    I tried all combinations of the elements listed in the link here: (http://cameratico.com/guides/firefox-color-management/) and restarted Firefox, every time, but I can't quite simply that it displays only not this border of immediately without looking terrible and washed out.

    A solid border seems okay, if it has to do with the borders of departure specifically (and possibly on the tables specifically).

    So the problem is that Firefox is to choose shades that are too light compared to Chrome?

    I think that you will need to take direct control of the colors of different sides using borders United. For example:

    http://jsfiddle.NET/kr3gdzhd/

  • How to reduce the firefox window border

    I'm trying to get rid of the "border" above the line of tabs in Firefox 36.0 in white.
    I wish that each tab to extend completely to the top of the screen so that when I push my mouse upwards and the screen limits the cursor to move more, he places the cursor on one of the tabs. For now, this puts the cursor over this border, so I then slightly down the mouse to click on the tab. Who is?
    I guess an easy css line that I can add to my Chrome folder exists, but I'm not smart enough to know what it is.
    I'm guessing that this border is a part of the line of tabs, otherwise, it can be the window border.

    Basically, I would like to get the line of tabs in Firefox to be more like Chrome, it's the height of the button red X Windows (minimum space).

    You can try to use a negative top-margin for the #TabsToolbar value in the userChrome.css file
    I'm not on Windows, so it is impossible to check what value works.

    userChrome.css:

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#TabsToolbar { margin-top: -2px !important; }

    The file userChrome.css (UI) customization and userContent.css (Web sites) are located in the folder of chrome in the Firefox profile folder.

Maybe you are looking for