Oops... my bad - I committed the cardinal sin of programming. I assumed 
that my code was right and the server was wrong. Turns out I had a 
programming error in my test. Now that I've fixed that I can give a better 
answer.

To change the border I added the following style element:

<style>
.x-window { 
border: 1px solid blue; /* or whatever */ 
} 
</style>

Wrapping in a <div> tag doesn't work as CF relocates the code outside of 
the <div> - which is kind of unfortunate since it give you a little less 
control.

I was able to see the styles created by CF and Javascript by using Firefox 
- Firebug.

Sincerely, Brooks

ADS develops & supports effiective, efficient and secure software 
solutions
------------------------------------------------------------------------------
Federal Reserve Bank of Atlanta ∙ Application Delivery Services
1000 Peachtree Street NE ∙ Atlanta,Georgia ∙ 30309-4470 ( 404-498-8178





From:   [email protected]
To:     [email protected], 
Date:   04/27/2012 10:09 AM
Subject:        Re: [ACFUG Discuss] cfwindow - how to change the grey 
border in the header?
Sent by:        [email protected]



Dusty: 

First off, I can't seem to get <cfwindow> to work properly, it looks like 
CF9 has messed that tag up. I've seen that with <cflayoutarea> as well. 

That being said, I think the solution to your problem can be accomplish by 
overriding the "x-window-header" and "x-window-body" styles that 
ColdFusion is using. I would try to wrap the <cfwindow> tag in a named 
<div> element like this: 

<div id='myStuff'> 
  <cfwindow name="window1"> 
    blah, blah, blah 
  </cfwindow> 
</div> 

Then include a stylesheet entry like 

#myStuff .x-window-header { 
border: 1px solid blue; /* or whatever */ 
} 

#myStuff .x-window-body { 
border: 1px solid blue; /* or whatever */ 
} 

Firefox - FireBug plugin is really good at letting you see (and 
dynamically) change the styles for a page element. This should get you 
started. 

Sincerely, Brooks 



ADS develops & supports effiective, efficient and secure software 
solutions 
------------------------------------------------------------------------------ 

Federal Reserve Bank of Atlanta ∙ Application Delivery Services 
1000 Peachtree Street NE ∙ Atlanta,Georgia ∙ 30309-4470 ( 404-498-8178 





From:        Dusty Hale <[email protected]> 
To:        [email protected], 
Date:        04/26/2012 12:08 PM 
Subject:        [ACFUG Discuss] cfwindow - how to change the grey border 
in the header? 
Sent by:        [email protected] 



Does anyone know how to change the grey curvy border in the headerStyle of 
a cfwindow? Changing the border for the body using CSS is no problem but 
when when I add CSS for the border in the headerStyle attribute it does 
nothing. I'm able to change the background color of the header no problem 
but it looks really funny with the default grey curvy border. I'm trying 
to get it to match the border color I set for the bodyStyle attribute.

Thanks in advance for any help or advice!!

Dusty 




[attachment "mime.jpg" deleted by Brooks Wilson/ATL/FRS] 


<<image/jpeg>>

Reply via email to