WC Background Colors

[TomU]

I saw this on a KB article today (CS169483<).">https://www.ptc.com/appserver/cs/view/solution.jsp?source=subscription&n=CS169483>). Curious if anyone knows where and how to modify the background colors like this. Thanks!

Tom U.

[cid:image001.png@01CF946F.38707AD0]

[jzupfer]

Hello,

The following topic in the Windchill Help Center describes how to customize UI branding:

Customizing UI Branding

The topic includes a reference to the file location for the stylesheet that controls background colors.

Jane

Jane Zupfer
VP, Enterprise Products Publications
E -

PTC.com

[AdamFagan]

Can anyone elaborate a bit more?

Within the customizaiton guide it refers to the CSS (<windchill>/codebase/netmarkets/css/nmstyles.css) which does not exist on my system (10.1 M040). I went through and changed every colorwithinsiteStyles.css and windchill-base.csstrying to get something to change and nothing did. What am I doing wrong?

[MikeLockwood]

One way

Copy file similar to attached to
...\Windchill\codebase\netmarkets\themes\windchill\Header

[cid:image001.png@01CF952A.6EA3B020]

[cid:image002.png@01CF952A.6EA3B020]

[cid:image003.png@01CF952A.6EA3B020]

We do this to identify production training, test, etc.

[PreetiGupta]

Please find attached email for more information on what Mike pointed out.

[TomU]

I'm messing with this right now in 10.2. I just figured out that I can use IrfanView to swap the colors (RGB --> GRB). This preserves the diamonds and lines in the background. I haven't figured out yet how to change the gradient to something specific, like yellow.

So far I've modified the following files:

codebase\netmarkets\themes\windchill\Header\

- back_tile.png

- left_gradient.png

- slash.png

codebase\netmarkets\themes\windchill\navigator\

- navbackground.png

- navbackground_over.png

codebase\netmarkets\themes\windchill\panel\

- BG_stripe.png

- BG_stripe_gradient.png

- BG_stripe_tile.png

The end result is this:

[cid:image006.jpg@01CF9547.E418C940]

Tom U.

[ShirishMorkhade]

Hi Tom Uminn,

I still remember we worked on case C12058669 in July 2014 for this type of change. Here is screen capture from this case. And you are right, it is IrfanView (3rd party tool) we used to do this. But there are many more tools available online that one can use like Photoshop and all.

Thanks for putting this all together. I am sure it will definitely help other community users who are interested in this customization.

Thanks a lot.

Regards,

Shirish

[Ilan_Mor]

Hi

Where can I find this folder  codebase\netmarkets\themes\windchill  ?

Regards,

Ilan.M

[TomU]

On the server where Windchill is installed.  For example:

E:\ptc\Windchill_12.0\Windchill\codebase\netmarkets\themes\windchill

Keep in mind that this information was for 10.2.  I have no idea if it still applies for later versions.

[BenLoosli]

For my 11.1 installation that I did last month, I modified this file:

<Windchill>\codebase\netmarkets\themes\windchill\xtheme-windchill.css

In that file, look for:

#contentPanel_contentArea {background-color:

There is a number after color: and closed with a }

I use a medium blue color for the background:

#contentPanel_contentArea {background-color:#1e90ff}

[jzupfer]

Thank you all for the additional informationyou've provided! I also have a meeting scheduled with the Development team here to update and correct the information in the Customization Guide.

Regards,

Jane

[SteveVinyard]

So Tom, instead of editing any CSS etc, you just edited the actual stock images themselves using the IrFanView graphics editor. Correct?

It definitely looks nice 🙂



[cid:image001.gif@01CF7046.C96AB930]

Stephen Vinyard
Business Development Manager/Solution Architect

[TomU]

Yes. I just change the colors in 9 image files. I have no idea how to change the css.

Tom U.

[HJ1]

Wonder if anyone notices this since an old thread already...

I've tested this editing of image files (10.2 M030) and it works in Firefox but not in IE.

I'm experiencing a somewhat similar issue as Vaughn describes here [External] Windchill 10.1 - Banner -.  I've edited the default gifs for e.g. Problem Report icon and the banner background pngs ()  but they don't come out right in IE 11.

For the banner it looks like the edited one in orange is in the background, attached the pic. In case of the icons IE persists loading a previous custom made icon, not the default ptc, which suggests it's some cache issue. However, Firefox shows everything ok. What's with the IE then?

Another cached location? Step I'm missing?