label background color

How can I set the background color of my TextFormat?

Want just a white background.

Thank you

Hey,.

to set the background to your label, you can use the graphics software. Use the following sample code as a guide. It creates a red background to the text. Also note that I've added 5 pixels for the height and width of the label size to accommodate the odd adddd of margin to the label object:

var myLabel:Label = new Label();

myLabel.text = "I should have a background color to me";

myLabel.setSize(myLabel.textWidth + 5, myLabel.textHeight + 5);

myLabel.graphics.beginFill(0xFF0000);
myLabel.graphics.drawRect(0,0,myLabel.width, myLabel.height);
myLabel.graphics.endFill();

addChild(myLabel);

Hope that helps. Good luck!

Tags: BlackBerry Developers

Similar Questions

Cascades label background color.

Hello

Is it possible to set the background color of the label? I would like to simulate a highlight on some of my labels but can't find anything in the docs that can do.

Thank you!

It is possible to style HTML text (I never got any work), but if you put the label in its own container, you can then set the background for the container.
```
Container {
   id: bunchOLabels
   Container {
      background: Color.Yellow
      Label {
        text: "Yellow"

      }
   }
   Container {
      background: Color.Blue
      Label {
        text: "Blue"
      }
   }
}
```

Background color of bookmarks

I got the stylish Addon for FF and managed on the base to get the color to the bars, I like but the current bookmark menu back color I can't change the background and the color of the gray menu bar is only correct color of #333333 when it blurry

I musty red picture with cirle around the areas I want to change the color, I know it is possible that I was using LavaFoxV2 in the years of the reasons he brand the black box, but I want to use the default schema of FF I want just the area I marked in red to be darker.
```
#navigator-toolbox {
  background-color: #333333 !important;
}

.menubar-text,
#toolbar-menubar .toolbarbutton-text,
.tabbrowser-tab .tab-label {
  color: #333333 !important
}
```
This is the code I use to get the colors above in the menu bar

This should cover each of them:
```
#menubar-items menu menupopup * {
  background-color: #DDDDDD !important;
  color: #333333 !important;
}
```

Cannot delete the background color of the icons on the desktop in XP.

I'm not able to remove the background color of the icons on the desktop in XP.

I tried the following steps with no luck.

1 Control Panel / System / Advanced / Performance tab / button settings and tick: shadows fall to use the desktop icon labels

2. display properties-> Desktop-> Desktop Customize-> Web-> "Lock desktop items" and "my current Home Page" is not checked.

Any suggestion would be appreciated...

Thanks in advance.

Naveen

These links should help you:

http://www.TomsHardware.com/Forum/25340-45-unable-remove-shadow-desktop-icons-Windows

http://www.geekyard.com/OS/Windows/how-to-remove-desktop-icon-background-color/

Change the background color of RadioButton

Hello

How to change the selected RadioButton background color?

It shows the blue when selected.

I tried all States using the setTextFormatForState() method.

but it never worked.

The method seems to only change the format of text label, but not th 'button' (in the background) itself.

Thank you.

Hey,.

so that you can change the appearance of the button under different States (selected or deselected), you must change the button skin. to do this you need to create your own custom skin of the class who extends the class . UISkin here is an example of how to change skin:

http://www.BlackBerry.com/developers/docs/airapi/1.0.0/QNX/UI/skins/package-detail.html

also, here is a link to the list of the Active of the RadioButton class (background colors and etc.):

http://www.BlackBerry.com/developers/docs/airapi/1.0.0/skins-detail.html#rounded

This is the same skin as a regular button its called RoundedButtonSkinWhite.

to apply the skin to the button of your radio, you must call the setSkin method that accepts only classes that extend the UISkin class.

hope that helps. Good luck!

Problem to get the background color

Mr President, in my code, I wasn't able to use fully all the width of the screen,

This is my code

public class HorizontalField extends VerticalFieldManager
{
   HorizontalFieldManager sd=new HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH);
   HorizontalFieldManager r1=new HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH);
   MySeparatorField ds=new MySeparatorField();
   Font fnt,fntv;
    HorizontalField()
    {
       fnt = this.getFont().derive(FontFamily.SCALABLE_FONT, 14);
       fntv = this.getFont().derive(FontFamily.SCALABLE_FONT, 11);
       r1.setFont(fntv);
       /*---------------------Heading-----------------------------------*/
       DateField dd=new DateField("Date");

       dd.setFont(fnt);
       sd.add(dd);
      /*------------------*/
       MyLine s=new MyLine();
       sd.add(s);
       Desp d1=new Desp("Description");
       d1.setFont(fnt);
       sd.add(d1);      

       /*_________________*/
       MyLine s1=new MyLine();
       sd.add(s1);

       Amt d2=new Amt("Amount");
       d2.setFont(fnt);
       sd.add(d2);
       add(new SeparatorField());
       add(sd);
       add(new SeparatorField());

           DateField dfr=new DateField("13.08.09")
           {
               public void paint(Graphics g)
               {
                    g.setBackgroundColor(Color.RED);
                    g.clear();
                    super.paint(g);
               }
           };
           r1.add(dfr);
           MyLine sr=new MyLine();
           r1.add(sr);
           Desp dr=new Desp("Reent")
           {
               public void paint(Graphics g)
               {
                    g.setBackgroundColor(Color.RED);
                    g.clear();
                    super.paint(g);
               }
           };
           r1.add(dr);
           MyLine sra=new MyLine();
           r1.add(sra);
           Amt amtr=new Amt("5000")
             {
               public void paint(Graphics g)
               {
                    g.setBackgroundColor(Color.RED);
                    g.clear();
                    super.paint(g);
               }
           };
           r1.add(amtr);
           add(r1);
           add(new SeparatorField());

       }

    }

 class DateField extends LabelField
{
     DateField(String s)
    {
        super(s,LabelField.LEFT);
     }
    public  int getPreferredWidth()
    {
        return Display.getWidth()*2/10;
    }

}

  class Desp extends LabelField
{
     Desp(String s)
    {
        super(s,LabelField.RIGHT);
     }
    public  int getPreferredWidth()
    {
        return Display.getWidth()*5/10;
    }

}

  class Amt extends LabelField
{
    Amt(String s)
    {
        super(s,LabelField.RIGHT);
     }
    public  int getPreferredWidth()
    {
        return Display.getWidth()*4/10;
    }

}

MyLine code is

public class MyLine extends LabelField
{
    int width,height;

    ButtonField dd;
    MyLine()
    {
        width=1;
        //height=200;
    }
     MyLine(int w)
    {
        width=w;
        //height=200;
    }

     public int getPreferredWidth()
        {
            return width;
         }

     public void paint(Graphics g)
            {
                   // g.setBackgroundColor(Color.BLUE);

                 g.drawLine(0,0,0,70);
            }
}

When I call this HorizontalField I get the result, but in the amount column (i.e. red) background color I get half of this label, I don't know what problem I did

Thank you

The problem is in your calculation of width.

Your should calculate your width in such a way that (approximate):

Display.getWidth () = DateField width, width PED, Amt width + 2 * MyLine width;

Furthermore, a solution may be simply change your constructor Amt class as below:

        Amt(String s)        {                   super(s,LabelField.RIGHT | Field.USE_ALL_WIDTH);        }

Concerning

Bika

How to change the background color

How to change the background color of the label field, how to do it thanks

I can change the color of labelfield, but I want to change the background,

How can I do this

Thank you.

I do not know mantaker do not want to forget the call to super...

public void paint (Graphics gs) {}

gs.setBackgroundColor (0x00FF0000); red background

GS. Clear();

Super.Paint (GS);

}

How to change the background color of a line when you have the selection of cells in tableview?

I have a tableview and I chose the selection of cells. How can I change the background color of a line, if I select a cell?

The usual example using:

import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.beans.binding.BooleanBinding;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.collections.FXCollections;
import javafx.collections.ListChangeListener.Change;
import javafx.collections.ObservableList;
import javafx.collections.ObservableSet;
import javafx.css.PseudoClass;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.SelectionMode;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TablePosition;
import javafx.scene.control.TableRow;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.VBox;
import javafx.scene.text.Font;
import javafx.stage.Stage;

public class RowHighlightedCellSelectionTableViewSample extends Application {

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

    @Override
    public void start(Stage stage) {
        Scene scene = new Scene(new Group());
        scene.getStylesheets().add(getClass().getResource("selected-row-table.css").toExternalForm());
        stage.setTitle("Table View Sample");
        stage.setWidth(450);
        stage.setHeight(500);

        final Label label = new Label("Address Book");
        label.setFont(new Font("Arial", 20));

        final TableView table = new TableView<>();
        final ObservableList data =
            FXCollections.observableArrayList(
                new Person("Jacob", "Smith", "[email protected]"),
                new Person("Isabella", "Johnson", "[email protected]"),
                new Person("Ethan", "Williams", "[email protected]"),
                new Person("Emma", "Jones", "[email protected]"),
                new Person("Michael", "Brown", "[email protected]")
        );

        table.getSelectionModel().setCellSelectionEnabled(true);
        table.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);

        final PseudoClass selectedRowPseudoClass = PseudoClass.getPseudoClass("selected-row");
        final ObservableSet selectedRowIndexes = FXCollections.observableSet();
        table.getSelectionModel().getSelectedCells().addListener((Change change) -> {
            selectedRowIndexes.clear();
            table.getSelectionModel().getSelectedCells().stream().map(TablePosition::getRow).forEach(row -> {
                selectedRowIndexes.add(row);
            });
        });

        table.setRowFactory(tableView -> {
            final TableRow row = new TableRow<>();
            BooleanBinding selectedRow = Bindings.createBooleanBinding(() ->
                    selectedRowIndexes.contains(new Integer(row.getIndex())), row.indexProperty(), selectedRowIndexes);
            selectedRow.addListener((observable, oldValue, newValue) ->
                row.pseudoClassStateChanged(selectedRowPseudoClass, newValue)
            );
            return row ;
        });

        TableColumn firstNameCol = new TableColumn<>("First Name");
        firstNameCol.setMinWidth(100);
        firstNameCol.setCellValueFactory(new PropertyValueFactory<>("firstName"));

        TableColumn lastNameCol = new TableColumn<>("Last Name");
        lastNameCol.setMinWidth(100);
        lastNameCol.setCellValueFactory(new PropertyValueFactory<>("lastName"));

        TableColumn emailCol = new TableColumn<>("Email");
        emailCol.setMinWidth(200);
        emailCol.setCellValueFactory(new PropertyValueFactory<>("email"));

        table.setItems(data);
        table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);

        final VBox vbox = new VBox();
        vbox.setSpacing(5);
        vbox.setPadding(new Insets(10, 0, 0, 10));
        vbox.getChildren().addAll(label, table);

        ((Group) scene.getRoot()).getChildren().addAll(vbox);

        stage.setScene(scene);
        stage.show();
    }

    public static class Person {

        private final StringProperty firstName;
        private final StringProperty lastName;
        private final StringProperty email;

        private Person(String fName, String lName, String email) {
            this.firstName = new SimpleStringProperty(fName);
            this.lastName = new SimpleStringProperty(lName);
            this.email = new SimpleStringProperty(email);
        }

        public String getFirstName() {
            return firstName.get();
        }

        public void setFirstName(String fName) {
            firstName.set(fName);
        }

        public StringProperty firstNameProperty() {
            return firstName ;
        }

        public String getLastName() {
            return lastName.get();
        }

        public void setLastName(String fName) {
            lastName.set(fName);
        }

        public StringProperty lastNameProperty() {
            return lastName ;
        }

        public String getEmail() {
            return email.get();
        }

        public void setEmail(String fName) {
            email.set(fName);
        }

        public StringProperty emailProperty() {
            return email ;
        }
    }
}

And then the selected line - table.css:

.table-line-cell: {selected row

-fx-background-color: lightskyblue;

}

Footer now floating in the middle of the page and no background color

Hi all
Worked on it for days with no luck. I hope someone can find the stupid mistake, because I know there must be something stupid, but it's driving me around the bend! The page has always been very well until I've recoded part of the body (the four columns with titles, pictures and text) in order to facilitate the 508 compliance. Since then, the orange footer which was firmly inside began floating to halfway to the top of the page and the orange background color disappeared.
I went by my code line-by-line delimiting each start and end div tag and everything is fine. Here is a screenshot of the lower part of the page showing how the footer should look like.
Here is a screenshot of how it looks now in offline mode:
as you can see if all goes well, the footer has lost its orange background and is sitting at halfway to the top of the page.
Here's the HTML code:
< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
" < html lang ="en"XML: lang ="fr"xmlns =" http://www.w3.org/1999/xhtml ">
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
< meta name = "viewport" happy "width = 1100" = >
< name meta = "keywords" content = "Meadows museum, Southern Methodist university, SMU, Dallas, Texas, Algur Hurtle Meadows, The Meadows Foundation, Dr. Mark A. Rogl & aacute;" n, medieval, baroque, tenth in the 20th century Spanish art, 10th to 20th century Spanish art, collection of Spanish art, Spanish painting, Meadows school of art, masterpieces, the great painters of the world, El Greco, Velázquez, Ribera, Murillo, Goya, Miró, Picasso, Juan gray, Renaissance, altarpieces, polychrome wood, Impressionist landscape sculptures, rococo oil sketches, modernist abstractions, sculptures, sculptors of the 20th century , Rodin, Maillol, Giacometti, Henry Moore, David Smith, Claes Oldenburg, James Surls, Santiago Calatrava, Texas artists, Frank Reaugh, Jerry Bywaters, Otis Dozier, Alexandre Hogue, William Lester, exhibitions, education, educational workshops, conferences, interviews of Gallery, seminars, symposium, Museum Shop, golden age of Spain, neo-palladien structure, Jones Great Hall, founder, room show, Restaurant Gates, Moss Chumley Award, William B. Jordan internships , Fortuny, Sorolla, Steve Mumford, Don Quijote, tapestries of the eighteenth century, Roger Winter, Stanley Marcus, Mark Lemmon, the Barrett Collection, Mexican art, DeGolyer library, painting of Greek vase, Juan van der Hamen y the & oacute; n, Division of film and Television, music and dance, performing artists art studio, tales, artist demonstrations, activities, community education program of MLA discussion and book club, master courses in the Liberal Arts, Spanish, corporate membership, membership Museum, Museo Nacional del Prado, Prado Museum designer = Pam Muirheid ">"
< name meta = "description" content = "The Meadows Museum is committed to the advancement of knowledge and the understanding of art through the collection and interpretation of the works of the highest aesthetic and historical significance, as evidenced by the founding collection of Spanish art" >
< name meta = "robots" content = "index, follow" >
< title > home - Meadows Museum < /title >
< name meta = "google-site-verification" content = "WJGKz4uefsWUilZUdPa5ggL23MSk1IsHeLMzUz3B1QE" / >
< style type = "text/css" >

< / div > <! - end supportustitle - >
< div class = 'push' > < / div >
< / div > <!-end part of the body->
<! - start the footer - >
< div id = "footer" >
<! - begin searchbar - >
< div id = "search bar" >
< form role = "Search" style = "margin-right: 0px;" margin-top: 12px; float: left; width: 265px; "" action = " http://Search.FreeFind.com/find.html " method = "get" accept-charset = "utf - 8" target = "_self" > ""
< input type = "hidden" name = "If" value = "47230699" >
< input type = "hidden" name = "pid" value = "o" >
< input type = "hidden" name = "n" value = "0" >
< input type = "hidden" name = "_charset_" value = "" >
< input type = "hidden" name = "bcd" value = "" & #247; ">"
< input type = "text" name = size "query" = "15" style = "border: thin" >
< input aria-label = "Search" type = "submit" value = "Search" >
< / make >
< br / >
< br / >
" < a href =" https://www. "" Facebook.com/MeadowsMuseumDallas "> < img src="images/symbols/facebook_white.png "alt ="like us on Facebook"title ="like us on Facebook "width ="28"height ="28"/ > < /a > < a href =" https://Twitter.com/MeadowsMuseum "> < img src="images/symbols/twitter_white.png "alt ="Follow us on Twitter"title ="follow us on Twitter"width ="25"height ="25"/ > < /a > < a href =" https://blog. "" SMU.edu/tabularasa/ "> < img src="images/symbols/blog_white.png "alt ="Museum blog"title ="Museum blog"width ="23"height ="23"/ > < /a > < a href =" http://visitor.constantcontact.com/manage/optin/ea?v=001WVdpo956d6mu5VjDxJQqvxlxNOVSB0HGHh q6v_z9sTXd8YFRILmxqroHCfw5TVmt2p88AqzgSHcInE_zTaFkPw is "> < img src="images/symbols/e-mail_white.png "alt ="write us"title ="Write to us"width ="27"height ="25"/ > < /a > < a href =" membership.htm "> < img src="images/symbols/JOIN.png "alt = 'join the Museum' title = width 'join the Museum' = height"38"="32 ". "> < /a > < a href =" https://www.google.com/maps/preview#! q = 5900 + Bishop + Blvd., Dallas + TX 75205 & data =! 1 m 4! 1 m 3! 1 024 d10476!2d-96.785088!3d32.837337!4m10!1m9!4m8!1m3!1d107264!2d-96.783199!3d32.845558!3m2!1i1! 2i768! 4f13.1 "> < img src="images/symbols/google-maps-iphone-icon.png "alt ="find us on Google maps' title = "Find us on Google maps" width = "24" height = "24" / > < /a >
< / div > 
<! - begin admissionhours - >
< div id = "admissionhours" >
Opening hours: Tue - sat 10:00 - 17:00.
Thursday until 21:00,
Sun 01:00 - 17:00
Closed on Monday.
Admission: $10 adults, $8, seniors 65 & amp; Over, $4, non - EMS students. Free: Members of the Museum, children under 12, SMU faculty/staff/students. Eve of free game after 17:00 < br / >
< / div > <! - end admissionhours - >
<! - begin adresstel - >
< div id = "addresstel" >
Meadows Museum, 5900 Bishop Blvd., Dallas, TX 75205, < br / >
"P.O. Box 750357, Dallas, TX 75275-0357 < img src="images/index/Untitled-1.png "alt =" "width ="6"height ="10"/ > 214.768.2516 < br / >"
"" " < a href =" contacts.htm"class ="white"" > e-mail < /a > < img src="images/index/Untitled-1.png" alt = "" width = "6" top = "10" / > < a href = "site_map.htm" class = "white" "> < /a > Site map < img src="images/index/Untitled-1.png "alt =" "width ="6"top ="10"/ > site created by < a href =" http://www.mypawprint.com "class ="white"> My Pawprint Productions < /a > < br / > "
© 2015 meadows Museum
< / div > <! - end adresstel - >
< / div > <! - end of footer - >
< / div > <! - end wrapper - >
< / body >
< / html >
and here's the layout.css file:
@charset "utf-8";
* {
margin: 0px;
padding: 0px;
}
a: link {color: #656252; text-decoration: underline ;}}
a: active {color: #656252; text-decoration: underline ;}}
a: visited {color: #656252; text-decoration: underline ;}}
a: hover {color: #656252; text-decoration: none;}
}
a.White:Link {color: #FFFFFF; text-decoration: underline ;}}
Elder: active {color: #FFFFFF; text-decoration: underline ;}}
a.White:visited {color: #FFFFFF; text-decoration: underline ;}}
a.White:hover {color: #FFFFFF; text-decoration: underline ;}}
/ * Smartphones (portrait and landscape)-* /.
@media screen alone
and (min-width: 320px)
and (max-width: 480px) {}
/ * Styles * /.
}
/ * Smartphones (landscape)-* /.
@media screen alone
and (min-width: 321px) {}
/ * Styles * /.
}
/ * Smartphones (portrait)-* /.
@media screen alone
and (max-width: 320px) {}
/ * Styles * /.
}
/ * iPads (portrait and landscape)-* /.
@media screen alone
and (min-width: 768px)
and (max-width: 1100px) {}
/ * Styles * /.
}
/ * iPads (landscape)-* /.
@media screen alone
and (min-width: 768px)
and (max-width: 1100px)
and (orientation: landscape) {}
/ * Styles * /.
}
/ * iPads (portrait)-* /.
@media screen alone
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: portrait) {}
/ * Styles * /.
}
/ * Desktops and laptops-* /.
@media screen alone
and (min-width: 1224px) {}
/ * Styles * /.
}
/ * Screens * /.
@media screen alone
and (min-width: 1824px) {}
/ * Styles * /.
}
/ * iPhone 4-* /.
@media
only screen and (- webkit - min-device-pixel-ratio: 1.5).
only screen and (min-device-pixel-ratio: 1.5) {}
/ * Styles * /.
}
. Hidden
{position: absolute;}
left:-10000px;
top: auto;
Width: 1px;
height: 1px;
overflow: hidden ;}
an img {}
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
{to header
Width: 1100px;
background-repeat: no-repeat;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
left margin: auto;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
}
header a {}
text-decoration: none;
background-image: url (.. / images/index/orange_50th_2011_1100.png);
background-repeat: no-repeat;
background-position: right top;
padding: 0;
display: block;
height: 130px;
text-indent:-700px.
}
header a: focus {}
background-position: right top;
padding: 0;
height: 132px;
text-decoration: none;
display: block;
background-image: url (.. / images/index/orange_50th_2011_1100.png);
background-repeat: no-repeat;
text-indent: 0px;
text-decoration: underline;
color: white;
}
a: focus {}
outline: thin dotted;
outline: 5px auto - webkit-focus-ring-color;
outline-offset:-2px;
}
header b {}
text-decoration: none;
}
H1 {}
height: 75px;
Width: 285px;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font size: 50px;
make-weight: normal;
color: #f1efe0;
float: left;
padding-left: 35px;.
padding-top: 75px;
}
H2 {}
height: 51px;
Width: 480px;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font size: 25px;
make-weight: normal;
make-style: italic;
float: left;
color: #f1efe0;
padding-top: 99px;
}
H3 {}
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 14px;
color: #666;
height: 25px;
padding-left: 10px;
}
H4 {}
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font size: 15px;
margin: 25px;
Color: #666666;
}
#logo {}
background-color: #af4d33; / * change the color to match your orange * /.
display: block;
}
{#navbackground}
background-color: #776353; / * change the color to match your Brown * /.
background-repeat: repeat;
}
#nav {}
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
left margin: auto;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
Width: 1100px;
}
.caption {}
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 11px;
Color: #666666;
margin: 25px;
}
{p}
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font size: 13px;
color: #414040;
margin: 25px;
}
.caption {}
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 11px;
Color: #666666;
margin: 25px;
}
{#wrapper}
background-color: #e2dfcf;
min-height: 100%;
height: auto! important;
height: 100%;
Width: 1100px;
margin-right: auto;
left margin: auto;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #999999;
border-left-color: #999999;
}
{#wrapper #white
background-repeat: repeat;
padding: 0;
display: block;
height: 10px;
background-color: #FFF;
Width: 2500 px;
}
{#wrapper #slideshow
height: 358px;
background-repeat: no-repeat;
}
{#wrapper #programseventstitle}
Width: 275px;
height: 25px;
float: left;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 14px;
color: #414040;
make-weight: normal;
do-variant: normal;
background-color: #e2dfcf;
padding-top: 10px;
}
{#wrapper #newstitle}
Width: 275px;
height: 40px;
float: left;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 14px;
color: #414040;
vertical-align: middle;
make-weight: normal;
margin: 0px;
background-color: #f1efe0;
padding-top: 10px;
}
{#wrapper #multimediatitle}
Width: 275px;
height: 40px;
float: left;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 14px;
color: #414040;
make-weight: normal;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #e2dfcf;
padding-top: 10px;
}
{#wrapper #supportustitle}
Width: 275px;
height: 40px;
float: left;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 14px;
color: #414040;
make-weight: normal;
margin: 0px;
background-color: #f1efe0;
padding-top: 10px;
}
#wrapper #bodyArea #photoprogramsevents {}
float: left;
background-color: #f1efe0;
Width: 275px;
height: 143px;
}
#wrapper #bodyArea #photonews {}
float: left;
background-color: #f1efe0;
Width: 275px;
height: 143px;
}
#wrapper #bodyArea #photomultimedia {}
float: left;
background-color: #f1efe0;
Width: 275px;
height: 143px;
}
#wrapper #bodyArea #photosupport {}
float: left;
background-color: #f1efe0;
Width: 275px;
height: 143px;
}
#wrapper #bodyArea #programsevents {}
float: left;
background-color: #e2dfcf;
Width: 275px;
height: 350px;
}
#wrapper #bodyArea #news {}
float: left;
background-color: #f1efe0;
Width: 275px;
height: 350px;
}
#wrapper #bodyArea #multimedia {}
float: left;
background-color: #e2dfcf;
Width: 275px;
height: 350px;
}
#wrapper #bodyArea #supportus {}
float: left;
background-color: #f1efe0;
Width: 275px;
height: 350px;
}
#wrapper #bodyArea #footer {}
height: 100px;
Width: 1100px;
do-family: Arial, Helvetica, without serif.
do-size: 10px;
background-color: #af4d33;
padding: 0px;
color: #FFFFFF;
background-repeat: repeat;
Clear: both;
}
.footer, .push {}
Clear: both;
}
#wrapper #bodyArea #footer #searchbar {}
height: 70px;
Width: 230px;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 12px;
background-color: #af4d33;
Padding: 15px;
color: #FFFFFF;
background-repeat: no-repeat;
float: left;
text-align: left;
Clear: none;
}
#wrapper #bodyArea #footer #admissionhours
{
height: 70px;
Width: 415px;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 12px;
background-color: #af4d33;
Padding: 15px;
color: #FFFFFF;
background-repeat: no-repeat;
float: left;
text-align: left;
Clear: none;
}
#wrapper #bodyArea #footer #addresstel {}
height: 60px banner;
Width: 330px;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
do-size: 12px;
background-color: #af4d33;
color: #FFFFFF;
background-repeat: no-repeat;
float: right;
text-align: right;
padding-top: 22px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 15px;
}
{#google_translate_element}
Padding: 25px;
}
HTML {}
overflow - y: scroll;
}
an img {border: none;}
}

Horgykitkat wrote:

What I found after taking on the heights between text boxes, it's that I found myself with lengths of columns of unequal text (alternation of beige areas). So, I created a repeatable jpg with same alternation beiges and put it under the bottom of the bodyArea tag. Again, if there is a better way, please let me know!

A repeated background image 'Fake' columns of the same height is perfectly ok.

It will not work IF your page is sensitive, but it's not so no problem. If it were admissible a better solution would be to take advantage of the css display: table; and display: table-cell;

Regarding your footer background color does not appear I guess you have floating elements in the footer container. If yes then you need clear floating elements that allows the container to footer wrap around the floating elements inside.

Follow these steps using css - overflow: hidden; -on the parent container which has floats inside.

How to change the background color of selection of the selected item in the drop-down box of choice?

By default, the selection background color like 'blue', but if I want it to be "yellow" for example, how should I do?

Thank you

The id is applied by (I think) the skin of the ChoiceBox class. You don't need to define.

You must apply the css in an external style sheet. You can apply the external style sheet to any parent of the box of your choice, or on-site (the most usual way to do it).

Example:

import java.util.ArrayList;
import java.util.List;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ChoiceBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class ChoiceBoxTest extends Application {

  @Override
  public void start(Stage primaryStage) throws Exception {
    primaryStage.setTitle("Example 2");

    final ChoiceBox choiceBox = new ChoiceBox<>();

    List tempResult = new ArrayList();
    for (int i = 0; i < 10; i++) {
      tempResult.add("Item " + i);
    }
    choiceBox.getItems().setAll(tempResult);

    VBox root = new VBox();
    root.getChildren().add(choiceBox);
    final Scene scene = new Scene(root, 300, 250);
    scene.getStylesheets().add("choiceBox.css");
    primaryStage.setScene(scene);
    primaryStage.show();
  }

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

}

choiceBox.css:

@CHARSET "UTF-8";
#choice-box-menu-item:focused  {
 -fx-background-color: yellow ;
}
#choice-box-menu-item .label {
 -fx-text-fill: black ;
}

Post edited by: James_D

CSS styling to set the background color of replacement
I would like to have something that looks like the table of this line replacing using CSS background. The following code does not work for me.

Part of VBox = new VBox();
for (int i = 0; i < 5; i ++)
{
Button HBox = new HBox();
button.setAlignment (Pos.CENTER);
final lblName Label = new Label ("Label" + i);
lblName.setStyle ("police - fx -:" BOLD "arial 14");
button.getChildren () .add (lblName);
button.setMinSize (300, 46);
button.setMaxSize (300, 46);
button.setPrefSize (300, 46);

button.getStyleClass (.add("search-item"));
If (i % 2 == 0) {}
button.getStyleClass () .add ("even");
}
pane.getChildren () .add (button);
}

. Search-item {}
-fx-background-color: white;
-fx-border-color: lightgray;
-fx-border-width: 1px 0 0 0;
}

. Search-point: even {}
-fx-background-color: lightgray;
}
You use "yet" as a style class in the code and 'yet' as a CSS pseudo-class. The difficulty here is simple. Just replace: even with even and close the space.
```
.search-item.even{
    -fx-background-color: lightgray;
} 
```

Change the background color of a region, I can only change the box with text
Hello. First of all, sorry for my English.

I created a new model of the region in my application and I want to change the entire background to silver color.
After reading the forum, I tried this:

body = background-color: Silver;

in "attributes in Table form.

It works, but only the area with text are silver. I want the entire region with a background silver, (like a scratch on the screen, with black labels).

My region are copied from the region of breadcrump and there the next CEB code:

< div class = 'wire of Ariane-region' id = "' #REGION_STATIC_ID # ' #REGION_ATTRIBUTES # > #BODY # < / div >"

I also tried putting < body bgcolor = "gray" > in several places, but never with the same results.

Another question. I created a theme in my themes of the workspace to play with it, but... where are the files of ccs? they are not in "/ i/themes"... .and as part of the apex I don't see a way to change the footer, and an other things I want to do.

Published by: Andres Vilallave on February 15, 2012 16:14
Andres Vilallave wrote:
Yes!, it works...
Well, I think I have more visual changes now... (God thank you...)

Good.

But I want to learn more about the themes...
I would like to change the theme 4, "Topaz".
As you say, I created a copy of the file ' i/themes/theme_4"as"i/themes/my_theme_4 ".

I have said "+ are not... create new files there as these can be changed by future updates APEX. Create your own theme folder. + ", i.e. to use a different physical location, which is referenced by another virtual folder (depending on the architecture of the Web server used).

Then I created a new theme based on theme4 in my workspace as "my"Topaz". "" My Topaz"" theme is now available in the repository of the theme in "custom themes.
Now I can change the templates, etc., but the css files what, image files, etc., are My_Topaz to help? Are ¿where?.
Guess as you say I need to link "" My Topaz"" theme in the my_theme_4 folder, by assigning files in the models of the apex, how can I I do this?

The definition of header for each page template in the theme contains elements of binding that reference the URL of the CSS as style sheets:
```
  
  
  
  
```
These must be changed to refer to the new URL CSS files:
```
  
```
Notice that the page templates use conditional comments to provide additional style sheets with CSS hacks and fixes for broken Microsoft browsers.

Some other models can also reference image etc. of localities in theme files (although this is less common in the APEX 4.0 + themes).

Query regarding the change of the background color of an input text
Hello
I want to change the background color of an input text element. When I tried with the background color inline style, he has changed the color of the label instead of changing the background color. Is there a way I could do?
Thanks in advance
Hello

Use the contentStyle property (or counting af: inputText::content if you want to change it in one place for all input text fields)

Frank

How to set the background color of a page_item?
I was pasting "background-color: #5CD65C" in a number of places, like the 'attributes of the HTML table cells' under the label and the tabs of the item, but get no results. Can someone tell me how to set the background color of a cell, please?
Hi Doug,.
One method is to add a style to your header html in page attributes, if you add the below css styling and the change of the name of the item page (#P2_FIRST_NAME) to your he should style correctly:

Thank you

Paul

controlBarContent background color

Hello
I have an application like:
<? XML version = "1.0" encoding = "utf-8"? >
< name s:Application = "Application_test".
' xmlns:fx = ' http://ns.Adobe.com/MXML/2009 "
xmlns:s = "library://ns.adobe.com/flex/spark".
xmlns:MX = "library://ns.adobe.com/flex/mx".
backgroundColor = "black" >
< fx:Script >
<! [CDATA]
public void init (): void {}
load styles
styleManager.loadStyleDeclarations("styles/styles.swf");
}
[]] >
< / fx:Script >
< s:layout >
< s:VerticalLayout / >
< / s:layout >
< s:controlBarContent >
< s:VGroup width = "100%" >
< s:HGroup width = "100%" >
4 components
< / s:HGroup >
< s:HGroup width = "100%" verticalAlign = "middle" >
"< mx:MenuBar id ="myMenu"labelField="@label ' iconField="@icon" cornerRadius = "10" / > ".
< / s:HGroup >
< / s:VGroup >
< / s:controlBarContent >
< / s:Application >
How can I change the background color of controlBarContent?
I am using styles.
Thank you!

I was able to do by using skins.

Thank you

label background color

Similar Questions

Maybe you are looking for