Skip to main content

13 replies

J
jzupfer1-Visitor
1-Visitor
June 30, 2014

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

A
AdamFagan8-Gravel
8-Gravel
July 1, 2014

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?

M
MikeLockwood22-Sapphire I
22-Sapphire I
July 1, 2014
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.
P
PreetiGupta15-Moonstone
15-Moonstone
July 1, 2014
Please find attached email for more information on what Mike pointed out.
T
TomU23-Emerald IVAuthor
23-Emerald IV
July 1, 2014
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
ShirishMorkhade16-Pearl
16-Pearl
February 1, 2017

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.

irfanview.jpg

Regards,

Shirish

J
jzupfer1-Visitor
1-Visitor
July 1, 2014

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

S
SteveVinyard1-Visitor
1-Visitor
July 1, 2014
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
T
TomU23-Emerald IVAuthor
23-Emerald IV
July 2, 2014
Yes. I just change the colors in 9 image files. I have no idea how to change the css.

Tom U.
H
HJ115-Moonstone
15-Moonstone
February 1, 2017

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?  

Terms & ConditionsAccessibility statement