Cfwindow header border-color

I seem to be having difficulty changing the border color of the header of a cfwindow. No matter what attribute I set the left and right border of the header will not change to the color I want. I want the header to be all black but I still get a gray line on the left and right side. My code looks like this:
headerstyle="background-color:##000000;font-family:Arial; font-size:13px;color;border-left:##000000;border-right:##000000"
Why won't the sides of the header turn black?

No one has responded, however I have determined the only true way to get everything to match a theme is to tunnel down in the asset folders and edit/replace the graphics used to created the window frame. Attributes and CSS can't touch all the elements. So, there you have it.

Similar Messages

Table css column-header text color not working

When setting
-fx-text-fill: red;
in a css table, it does not change the header to tex to red. Is there another value? .table-view .column-header {

You have to override the following from the caspian.css:
.table-view .column-header {
    -fx-text-fill: -fx-selection-bar-text;
    /* TODO: for some reason, this doesn't scale. */
    -fx-font-size: 1.083333em; /* 13pt - 1 more than the default font */
    -fx-size: 25;
    -fx-border-style: solid;
    -fx-border-color:
          Inner border: we have different colours along the top, right, bottom and left.
          Refer to RT-12298 for the spec.
        derive(-fx-base, 80%)
        linear-gradient(to bottom, derive(-fx-base,80%) 20%, derive(-fx-base,-10%) 90%)
        derive(-fx-base, 10%)
        linear-gradient(to bottom, derive(-fx-base,80%) 20%, derive(-fx-base,-10%) 90%),
        /* Outer border: */
        transparent -fx-table-header-border-color -fx-table-header-border-color transparent;
    -fx-border-insets: 0 1 1 0, 0 0 0 0;
    -fx-border-width: 0.083333em, 0.083333em;
.table-view .column-header-background {
    -fx-background-color: -fx-body-color;
    -fx-padding: 0;
}

Header border style not working in firefox....

In my skin i have declare for header text (sortable)
example for sortable header style...
af|column::sortable-header-text
background-color: #EF8A1E;
border: 1px !important;
color: #000000;
border-color:black;
border-style:none;
in IE border is comming correctly, but in firefox border is not comming for header.
why ?? is there any error on my style?? or it is not working in firefox/safari??

Hi,
try
.OraSortableHeaderBorder{
border:2px ;border-width: 2px ;border-style: solid ;
Frank

Header background color does not work

Hi,
I would like to change the background color of the header element, but it does not work as I imagined
First of all, here is the HTML:
<body>
<div id="wraper">
<header>
    <h1><span>Pacific</span> Coastal Highway</h1>
    <nav>
      <ul>
        <li>Home</li>
        <li>Big Sur</li>
        <li>Pfeiffer Beach</li>
        <li>Elephant Seals</li>
        <li>Morro Bay</li>
      </ul>
    </nav>
</header>
// ... some other HTML elements & content ...
</body>
So, within <header> element we have <h1> and <nav> elements, and within that <nav> element there is a list that is actually menu.
Here it CSS code that refers to these elements:
#wraper {
    width: 1200px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
body {
    margin: 0;
    background-color: #CBD2FB;
    font-family: "OpenSans Regular", "Gill Sans MT", Arial, "Times New Roman", sans-serif;
    color: #202020;
    background-image: -webkit-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 11.91%,rgba(232,238,245,1.00) 25.91%,rgba(202,212,220,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(138,169,207,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(202,212,220,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 11.91%,rgba(232,238,245,1.00) 25.91%,rgba(202,212,220,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(138,169,207,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(202,212,220,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 11.91%,rgba(232,238,245,1.00) 25.91%,rgba(202,212,220,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(138,169,207,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(202,212,220,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 11.91%,rgba(232,238,245,1.00) 25.91%,rgba(202,212,220,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(138,169,207,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(202,212,220,1.00) 100%);
h1 {
    margin-top: 0px;
    font-size: 48px;
    text-shadow: 1px 1px 2px #969696;
    padding-top: 32px;
h1, h2, h3 {
    font-family: "Prociono Regular", "OpenSans Regular", "Gill Sans MT", "Times New Roman", Arial;
    color: #507AAD;
    text-align: center;
h1 span {
    position: relative;
    top: -37px;
    left: 35px;
    font-family: GoodDog, Arial, "Times New Roman", "Gill Sans MT", sans-serif;
    font-size: 47px;
header nav ul {
    margin-right: auto;
    margin-left: auto;
    list-style-type: none;
    padding-left: 0px;
    width: 705px;
    /* [disabled]margin-bottom: 10px; */
nav ul li {
    float: left;
    padding: 10px;
    display: block;
    width: 110px;
    text-align: center;
    background-color: #A9A3FF;
    border-right: 1px solid #FFFFFF;
    border-radius: 23px;
    background-image: -webkit-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 60.11%);
    background-image: -moz-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 60.11%);
background-image: -o-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 60.11%);
    background-image: linear-gradient(180deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 60.11%);
    margin: 18px 5px;
And, finally, here's how it looks:
Now, I'd like to change the background color of the <header> element (to chage that white behind that <h1> and menu into some other color), so I just added the background color of the <header> element in CSS:
header {
    background-color: #FF2D31;
But, here is how it looks now:
As you can see, although <nav> element with list (menu) is IN <header> element - the background color of <header> is just behind <h1> element.
Do you know why it's happening, and what would be the best way to solve this problem?
Thank you in advance.

Ben Pleysier wrote:
The problem is caused when floated children do not force the parent element to clear the floats.
Nancy O. wrote:
It may seem counter-intuitive but overflow:hidden prevents margin collapse on parent elements containing floats:
The magic of “overflow: hidden” — Articles — Colin Aarts, freelance web developer
I'm trying to figure out what happened (and why) in my example, where the problem occurred, but...
I tried with inspecting elements with Firebug - to see what's what in case when there isn't overflow:hidden property that is related to <header> element in this example from the first post:
As you can see in the picture - <header> element is only that blue area containing <h1> element, and although <nav> element (with the <ul> element inside) is IN <header> element - it is not shown within the blue area, as it is not within <header> element.
As for the <h1> element which is inside of the <header> element, when I select it - it looks like this:
Now, purple area indicates the padding-top of <h1> element, and I guess that yellow area which indicates the margin is actually browser's default margin of the <h1> element.
Next, confusing is when I select <nav> element:
Although <nav> element is selected - there is no that blue area indicating where is that element on the web-page... ?
Next, when I select <ul> element, there is only yellow area indicating margin - I guess that yellow area which indicates the margin is actually browser's default margin of the <ul> element.
When I select <li> element - it's the same case as with <nav> element there is no that blue area indicating where is that element on the web-page... ?
Finally, when I select <a> element - it looks like this:
All in all - inspecting all <header> element and the elements within it didn't help me to see what and why this is happening (with the background color of the header element). I think the problem is in me, I'll wait a few days and maybe then things become clearer in my mind
Sorry for my bad English.
Again, thank you all!

How do I change an image border color to another color - Dreamweaver CS5?

Good day,
I have just learned how to add a border to an image with Dreamweaver CS5 within the Properties Inspector.
After typing the width in pixels in the Border Text Field and pressing the Enter key, Dreamweaver created a black border.
How do I change the image border color to another color?

I added your suggested rule to the Style Sheet "in any order" as you explained. See the image below.
However this did not change the image border from black to light blue. In fact, nothing changed.
Nothing changed because the CSS that has been written into DW is incorrectly written.
You want the following (exactly as written below)
img {border: 4px solid #0062C8;}
You've inadvertently wrapped the rule inside a #main_image container rendering it meaningless.
It's easiest to go into Code View and change
#main_image {
img {border: 4px solid #0062C8;
to
img { border: 4px solid #0062C8; }
The Property Inspector added a border exactly as I wanted it, other than the color I wanted the border to be. What is the use of this function in Property Inspector if it can add a border within Property Inspector but not let me change the COLOR of the black border that Property Inspector added, to another color?
That's a deceptively simple, yet valid, question with a long answer.
Back in the dark old days of web design web designers were restricted to inline HTML formatting which offered border properties but no colors.
CSS styling offers colors and more but has to be written differently.
These days. it's best to avoid HTML formatting. Unfortunately border="4px" in the PI still allows it. But does not permit color.
Does anyone else out there ever add color borders to their IMAGES (not the containing box for the image) ?
Yes, using CSS.

I have never used my mac for desktop publishing before and am having some problems. This sounds really dumb, but I can't figure out how to put a border around a text box. Also, how do you edit the border, i.e. border color, thickness, etc. Help!

I have never used my mac for desktop publishing before and am running into some real problems. How do you put a border around a text box? Can you edit the border - color, thickness, etc.? Help!

I think the best solution is to read Pages documentation, go to Help and you have a long list of options. Pages is capable of quite sophisticated things, some features are above Nisus or Mellel, so it is not so simple to summarize things in a few lines.

How we can change JFrame Border Color Not Background.

How we change jframe border color not background
if any body know about that then plz tell me
at this [email protected]
i m thanksfull to ..... .

hi Shafr
beleive it or not, i got it using trial and error. i keep
trying words in the function setStyle until the color changed. i
dont know why it is not documented.
var periodBarColor:SolidColor = new
SolidColor(taskSchedColorChooser.selectedColor, 1);
periodBar.setStyle("fill",periodBarColor);
//where taskSchedColorChooser is colorPicker component. you
can replace it by any color you want

Changing shape border color

I'm working with Photoshop Elements 6
I've created a round rectangle. I want the shape to be black with a white border. However whenever I finalize and save, my white border disappears and I'm just left with a black shape. Edit > Stroke is'nt highlighted, and for the life of me I can't figure out how to change it.
Whenever I change the colors from black and white I dont seem to have this problem. How can I change/modify the BORDER COLOR of my shapes?

Steve,
1. Simplify the shape layer, and Edit>stroke will be available
2. CTRL+left click the shape layer in the layers palette - should see marching ants
3. Edit>stroke - ?outside
4. If your background is white, you will not see the white of the stroke - need contrast
http://www.pixentral.com/show.php?picture=1VIYN3bamn2z7lD5GsLsYAeYK0qJU1
Let us know how you make out.
Ken

Border color change of UILoader

Hi
Does anyone now how to change the border color of the
UILoader component when user clicks on that. I have put UILoader in
the sprite container and i need to implement that if user selects
that UILoader its border color will be changed (to red may be).
Please help me out . Here's the my dummy code for that.
Basically what I need is the border of UILoader to be shown as soon
as mousedown event is generated and the border to hide as soon as
mouseup event is generated.
Any help or any new idea will be highly appreciated.
Thanks
/****************CODE******************
var container:Sprite=new Sprite();
var myUILoader:UILoader = new UILoader();
myUILoader.source = "XYZ.swf";
myUILoader.load();
container.addChild(myUILoader);
addChild(container);
myUILoader.addEventListener(MouseEvent.MOUSE_DOWN,dragUILoader);
myUILoader.addEventListener(MouseEvent.MOUSE_UP,dropUILoader);
myUILoader.addEventListener(MouseEvent.CLICK,
moveSelectedVideoOnFront);
function moveSelectedVideoOnFront(event:MouseEvent):void
//Brings selected UILoader on top
function dragUILoader(e:MouseEvent):void
//Allows dragging of the UILoader
function dropUILoader(e:MouseEvent):void
//Allows dropping of the UILoader

<a href="/HTML/index.html">Catalog</a>
<a href="index.html">Home</a>
Just so you'll know, this is not a good way to link to the default file in any folder (including the root folder. These links *should* be like this -
<a href="/HTML/">Catalog</a>
<a href="/">Home</a>
without mentioning the default filename. That's because when the site is spidered, the spider will think you have two different pages (in this case both default and index.html), and may penalize you for having "two" pages with identical content. So, anytime you are linking to the default file within a folder, just remove the filename from the link, and just link to the folder instead.

How do I programaticly change the header BG color on a multiline listbox

How do I programaticly change the header BG color on a multiline listbox

Hi,
If you mean the multicolumn listbox then you have to create the its property node on the diagram (right click on the item and select "Create->property node" from pop-up menu). Then you have to select two properties:
"Active Cell"
"Cell Background color".
You can do it by expanding prperty node to 2 rows and right clicking on each row. Then select "Properties" from pop-up menu and the appropriate property.
Then you have to set-up "active cell" to the appropriate coordinates of the column header. (row=-1; column=N or column=-2 if you want to change the colors of all headers).
Now you have to connect the appropriate colorbox or numeric variable to "Cell Background color" property node and run the program.
I've attached the example.
Good luck/
Ole
g Chutko.
Attachments:
Color.vi ‏15 KB

Gridview Border color issue in IE10

Hi,
I am facing an issue in IE10(Version: 10.0.9200.17116, Update Versions: 10.0.21 (KB2987107)).
when I try to render a grid view, the borders of the cell are not in proper color.
The grid view is applied black border for cells and text color of grid cell is Red and Yellow on alternate row. But the border color of the grid view cell gets mixed with the text color inside the cell and applied black border.
You can see my post on (http[:]//forums[dot]asp[dot]net/t/2024404.aspx)
Please let me know a suitable solution for the issue.
Regards,
Salman

Hi,
I noticed that you're using IE10(Version: 10.0.9200.17116, Update Versions: 10.0.21 (KB2987107)).As Robear mentioned in the first reply, we recommend to install the latest update KB 3008923 for IE to have a best performance.
Have you checked the application code with F12 developer tool, then change the user agent string below Internet Explorer 10 as a test?
I've checked the link you posted in the asp.net forum, seems you're trying to delelop a web application in IE, I'm not a developer, but I found some useful links
some guys recommend css instead of html and others point a direction of tables inheritance
http://stackoverflow.com/questions/16803844/border-colours-in-ie10-incorrect-all-other-browsers-ok
https://social.msdn.microsoft.com/forums/ie/en-us/c3797399-3571-48e8-8d09-b771a9665109/ie10-incompatible-on-table-border-design
NOTE
This
response contains a reference to a third party World Wide Web site. Microsoft is providing this information as a convenience to you.
Microsoft
does not control these sites and has not tested any software or information found on these sites.
Yolanda Zhu
TechNet Community Support

Ratpoison border color

Well, I dabbled in openbox and fluxbox for a while, but have switched back to ratpoison 'cos despite its flaws, its mouseless charm is lovable
Anyway, although I haven't changed my ratpoisonrc from before, my border around urxvt is now white instead of black, and I don't know why... the border is black around firefox, as desired, but the border is either white or transparent around urxvt.
The Xdefaults options I have affecting urxvt are:
*foreground: #B0B0B0
! Green
!*background: #202f37
!*background: #20372f
! Brown
!*background: #372f20
! Blue
!*background: #101520
!*background: #151825
*background: #232b42
! Black + DarkGrey
*color0: #000000
*color8: #666666
! DarkRed + Red
*color1: #b45151
*color9: #fe8686
! DarkGreen + Green
*color2: #aece92
*color10: #97fa97
! DarkYellow + Yellow
*color3: Khaki3
*color11: #efe58b
! DarkBlue + Blue
*color4: #2797d8
*color12: #86cdea
! DarkMangenta + Mangenta
*color5: #aa6eaf
*color13: #cb96ce
!DarkCyan + Cyan
*color6: #418179
*color14: #71bebe
! LightGrey + White
*color7: #bebebe
*color15: #ffffff
*saveLines: 32767
*scrollTtyKeypress:true
*scrollTtyOutput: false
*scrollBar: false
*internalBorder: 20
urxvt*loginShell: true
urxvt*termName: rxvt-unicode
urxvt*inheritPixmap: true
urxvt*shading: 40
urxvt*font: xft:Bitstream Vera Sans Mono:pixelsize=11
urxvt*tintColor: #405070
Even when I get rid of the most likely culprits - *inheritPixmap, *shading, *tintColor and *internalBorder, the border still remains invisible.
So my main problem is getting the border back around urxvt
Also though, is it possible to change the border color in ratpoison? I spent hours customising my .rc for it, and never found an option to alter the border color...
I wouldn't even be bothered about having a border tbh, but urxvt won't sit right up against the screen edges, despite ratpoison's padding being 0. It won't even work when urxvt's *externalBorder: 0 is set in Xdefaults.

Komodo wrote:at least you can usually track down the cause of every problem you find, since you're sufficiently knowledgeable.
Very OT:
When it comes to schooling, I have a degree in Computer Engineering. That is, basically an Electrical Engineering degree, with low level programming (I can recall using 7 different assembly flavors, along with C and C++, not to mention design languages such as Verilog and VHDL, plus matlab). Most people in the field that I actually work in are Computer Scientists. Now, the difference when it comes to knowledge usually isn't that great. People know how to code fairly well. However, when it comes to methodology, I feel that the engineering disciplines are superior.
Most engineering training, from a general standpoint, is all about diagnosis of an issue. A lot of time is spent dealing with design from a *generic* point of view. It may be "design a bridge for this ravine" or "design a 128bit ALU" or "design an algorithm that computes the number of LEDs lit up". In most engineering disciplines, this methodology is the same. You go about it the same way.
When it comes to Computer Science, it seems the methodology is left out, and people tend to come into the "real world" with this understanding that there is no general way to do something. You design using UML and Use Cases and that's it.
It's the same when it comes to 'fixing' something. Fixing a problem is really just re-designing the original solution (the original solution was a 'fix' for something anyway, wasn't it?). I find myself to have very good skills when it comes to diagnosing issues, and am usually pretty quick about it. That said, there is knowledge of the task at hand involved - I know, from a generic overview, how window managers work (hell, I've written a few mini ones just to get a feel for it), and thus can 're-design' the color handling fairly easilly.
I wish Computer Science would grasp the methodologies used in the engineering disciplines... it pays alot.

Set control border color for tabbing

Is there a way to set the color of the border when tabbing through controls? Right now I have a darker background so it doesn't do much good to be tabbing through enum and ring dropdowns when you can't tell which is selected because the border is black.
CLA, LabVIEW Versions 2010-2013

Here is a post that talks about how to hide the key focus:
http://forums.ni.com/t5/LabVIEW/How-do-I-get-rid-of-the-Key-Focus-object-border/m-p/844383
Maybe Label.TextColor can be changed when the focus is on the numeric control or blink the control.
Jst some ideas until border color change is provided in LV.
CLD,CTD

HTML Editor Table border colors, JavaScript Integration

Hi,
i have two questions regarding the HTML Editor in KM:
1) How can I change the border color from tables?
I have tried to change it with the adjustment from Tables
in Theme Editor, but nothing happens.
2) Can I add JavaScript Coding in HTML-Editor?
For example to create icons with navigation (back, home)
or print function.
Thanks in advance
Sascha

Hi Sascha,
You might be using the HTML Editor in KM for a particular KM Document right?
Anyways, regarding question 1 you can change the border color of a html table using the bordercolor attribute e.g. bordercolor = "red"
Regarding question 2, Yes you can add javascript code to your html; but please use the Text editor; its reliable in these matters.
Regards,
Prem.
SAP GDC.

Border Color Problem

When I printed with a green-colored border, it came out black, although all of the rest of the picture's colors were accurate. I don't see any settings that would over-ride the border color. Any ideas about what is the problem?
Thanks,
Tim
PS: A screen shot is at: http://www.pbase.com/xygoat/image/89094277/original.jpg

No idea. Just tested on Win XP Home with a green border 10 pixels and printed fine. What platform?
--John

Cfwindow header border-color

Similar Messages

Maybe you are looking for