cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

The PTC Community email address has changed to community-mailer@ptc.com. Learn more.

New Yellow Confirmation Bar

New Yellow Confirmation Bar

Salut,

because we cannot disable this annoying bar at all would be nice at least to reduce banner size and position to avoid hiding functions bellow. My suggestions is this:

 

YellowBanner.png

25 Comments
TomU
23-Emerald IV

Not sure if you are aware, but you can shorten both the amount of time before it starts to fade out as well as the duration of the fade.

https://www.ptc.com/en/support/article?n=CS46987

 

I wonder if instead of changing the shape the bar could be configured such that moving the mouse over it would make it instantly disappear.  This would keep it from blocking access to the stuff underneath without having to play games with it's size and shape.  I wouldn't be opposed to using longer display times if I didn't have to click the "x" to get rid of it quickly.

PetrP
14-Alexandrite

I know that. Set up fade out time from 3s to 1s already but anytime you move cursor over the fading banner it appears again which is superannoying.

TravisR
3-Visitor

The bar should be at the bottom of the page or somewhere where you can dismiss easily. The only nice feature of this is if you are creating an object, it has the link to the newly created object - but outside of that it is super annoying as stated by PeterP!!

BjoernRueegg
17-Peridot

When the bar is showed the following work must not be affected. So no navigation or recent menu needs to be accessed right away. 

From my side it also could be a popup (not a new page, just an overlay) in the page which the user can place where he want it to have. This info will disappear as soon he navigates away.

tmenadue
7-Bedrock

It would be nice if it could be set up as a preference to turn on or off...even better as a user preference. But, if that really is not within PTC's plans, then I agree it needs to be moved, resized, or anything else as long as it doesn't hide functional areas of the screen.

BenLoosli
23-Emerald II

I like the pop-up window idea with a fade out and automatically removal after X seconds, placed in the middle of the screen.

Doesn't the yellow bar have a close (X) in the upper right corner?

JamesAvis
13-Aquamarine

I wait patiently for it to go away, then, when it is no longer visible, I move the mouse to get at what it was blocking, and it reappears because, mathematically, it wasn't completely gone.  Very annoying!  I'm going to look into shortening the fade time, as suggested.  Thanks!

DanielScheidegg
11-Garnet

a preference to turn on or off will be great.

at least disable this annoying fade out.

Mayur
16-Pearl

 

Like the fade timing, the position of the message box can be customized in Windchill. Please refer below :

Confirmation Message Yellow BarConfirmation Message Yellow Bar
Here is a piece of *sample* code for your reference which can be updated in the Windchill\codebase\netmarkets\javascript\util\jsfrags\messaging\messaging.jsfrag file. (Tested on Windchill 11.1 and FireFox browser)

 

 Note:

  • Modify the X and Y values for the position of the box.
  • Modify the "msgWindow.height" and "msgWindow.width" to change the box width. Highlighted values are correspond to the box position in above screenshot. 

 

PTC.messaging.msgWindow = new Ext.Window( {
cls: 'inlineWindow',
id: 'inlineWindow',
x:700,
y:0,
draggable: false,
resizable: true, //comes in very handy 
title: 'Mayurs Windchill',
shadow: false,
header: false,
closable: true,
bodyStyle:"padding:0px 0px 6px 0px;background:#dafcbd;", //changed the yellow background color
initCenter : false,

focus: Ext.emptyFn // no need to allow this to get focus, 2099943
});
var msgWindow = PTC.messaging.msgWindow;
msgWindow.height=110;
msgWindow.width= 410;

 

This is just an example which works when browser is 100% maximized. However, you can add additional generic javascript code to get the browser and screen sizes and then have the box position updated relatively. 

 

Hope this helps!

BjoernRueegg
17-Peridot

@Mayur your made my day! Love it Smiley LOL

BenPerry
13-Aquamarine

 @Mayur,

The same doesn't seem to work for me in Windchill 10.2.  Is it possible to do the same in 10.2 with some modifications?

Mayur
16-Pearl

@BenPerry,


Hi Ben,
I was able to get it to work in 10.2 server as well. Below is the code for showInlineMessage() function from Windchill\codebase\netmarkets\javascript\util\jsfrags\messaging\messaging.jsfrag file in 10.2 server :

 

 PTC.messaging.msgWindow = new Ext.Window( {
                                                cls: 'inlineWindow',           
                                                id: 'inlineWindow',           
                                                x:700,           
                                                y:0,
                                                height:110,
                                                width: 410,           
                                                draggable: false,           
                                                resizable: true,           
                                                title: 'Windchill 10.2 M030',           
                                                shadow: false,           
                                                header: false,           
                                                closable: true,           
                                                bodyStyle:"padding:0px 0px 6px 0px;background:#dafcbd;",                                                       
                                                 focus: Ext.emptyFn  // no need to allow this to get focus, 2099943       
                                               });

 

 
 
Works in 10.2
 
 
The general steps remain the same:
 
1. Edit the messaging.jsfrag file
2. Run the 'ant -f bin\jsfrag_combine.xml' command
3. Restart Windchill
 
 
Hope it helps. 
 
 
 
munruh
11-Garnet

 @Mayur,

 

I implemented your solution about a month ago and everybody here loves it.  Thanks for the information!

PetrP
14-Alexandrite
Works like a charm on WCH 10.2. Well done Mayur! Think PTC should implement message layout as an option and let users pick from "banner" (default) or "window" (shrinked).
Mayur
16-Pearl
@munruh,@PetrP, I am glad that you like it. Feel free to leave 'kudos' 😛
PTCModerator
Emeritus
Status changed to: Acknowledged
 
jgoncalves
11-Garnet

I've made some improvements to look like this.

  • Is is centered
  • close button is improved

Image.png

 

 
    PTC.messaging.msgWindow = new Ext.Window( {
            cls: 'inlineWindow',
            //x:0,  // left offset -  disabled. margin will set this value.
            y:0,    // top offset         
            draggable: false,
            resizable: true,                                             // TCA: make this windows resisable
            title: 'Windchill 11.0 - Custom messaging.jsfrag',           // TCA: set the title. can be empty
            shadow: false,
            header: false,
            closable: true,                                              // TCA: add button to right side of title
            bodyStyle:"padding:0px 0px 0px 0px; background:#dafcbd; margin: 0 auto; ",     // TCA: set backgound color and margin auto center
            focus: Ext.emptyFn                                          // no need to allow this to get focus, 2099943
    });
    var msgWindow = PTC.messaging.msgWindow;
    msgWindow.height=120;                                                 // TCA: set height size
    msgWindow.width=500;                                                  // TCA: set witdh size

    /*
    TCA: this button is redundant and ugly (semi-hidden). It is now disable
    var closeButton = new Ext.BoxComponent({
        autoEl: {
            tag: 'div',
            //cls: 'x-tool x-tool-close',
            html: ' '
        }
    });
    msgWindow.add(closeButton);
    */
 

damir
6-Contributor

Hi all,

Does anybody knows how to invoke that script from java code?

Thanks in advance.

jgoncalves
11-Garnet

@damir , The ant script is executed from windchill shell. This does not work for you.

 

Since I cannot edit my previous post, my updated and more correct code (messaging.jsfrag) is

 
    PTC.messaging.msgWindow = new Ext.Window( {
            cls: 'inlineWindow',
            //x:0,  // left offset -  disabled. margin will set this value.
            y:0,    // top offset         
            draggable: false,
            resizable: true,                                             // TCA: make this windows resisable
            title: 'Windchill 11.0 - Custom messaging.jsfrag',           // TCA: set the title. can be empty
            shadow: false,
            header: false,
            closable: false,                                             // TCA: add button to right side of title
            bodyStyle:"padding:0px 0px 0px 0px; background:#dafcbd; margin: 0 auto; ",     // TCA: set backgound color and margin auto center
            focus: Ext.emptyFn                                           // no need to allow this to get focus, 2099943
    });
    var msgWindow = PTC.messaging.msgWindow;
    msgWindow.height=120;                                                // TCA: set height size
    msgWindow.width=500;                                                 // TCA: set witdh size

 

lniska
4-Participant

Has anyone got this Banner size change to work for Windchill version 12.0?

rkassmeyer
6-Contributor

I don't post too often, but this time I would like to offer a Keep-It-Simple alternative.  (We are using Windchill 12.0)

 

The alterations of JavaScript are nice (and I do like them), but a "poor man's" version of altering this is to simply adjust the Style Sheet slightly.  No Windchill JavaScript fragment combining (the ant script), compiling (a different ant script) or restart is necessary for this kind of adjustment (browser hard page reload is necessary if tweaking).

 

Using the proper "Customizing Windchill" methods (you know, the SiteMod thing), set up an alteration to the file:

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

 

The beauty of this method is that it Style Sheet settings are used as last read overrides any previously read settings.  So when adding to the bottom of the Style Sheet file, you can group your adjustments and making it much easier to deal with when upgrading Windchill to newer versions.

 

The downside is that the JavaScript is altering the position of the message on the fly, so you cannot alter the left to right position with this method (the JavaScript changes it after this file is read).  To compensate for this, I have added the "margin-left" setting.  This setting pushes it rightward, but is totally optional and does not actually make the underlying items exposed by moving the message right available until the message disappears.  Try it with and without the "margin-left" value to see if you like it one way versus the other.

 

Add the following to the end of the file:

 

/** Starting our company's alterations to this file. */
.inlineWindow {
    width: 350px;
    margin-left: 150px;
}

rkassmeyer
6-Contributor

If you like the resize options offered above, they can also be achieved with the Style Sheet.  Expanding on my earlier post, add more settings to achieve these desired results.

 

2022-09-28_14-18-16.jpg

 

 

Options delivered by adding these lines:

 

/** Starting our company's alterations to this file. */

.inlineWindow {
    width: 350px;
    height: 82px;
    margin-left: 200px;
    resize: vertical;
    overflow: auto;
}

PetrP
14-Alexandrite

We are using our own theme customization @rkassmeyer so I have added your code and it works like a charm. Well done!

Hope PTC will implement is asap as well.

rkassmeyer
6-Contributor

@PetrP  Glad you like it.

 

We are also adjusting the theme, with our own file too, but I did not want to get into that as my post was directed towards a "simple" alternative.  Not that adding a customized theme is extremely difficult...

 

You can see we actually alter our dev environments colors for obvious eye candy that it is not Production you are looking at.

rkassmeyer
6-Contributor

@lniska Forgot to tag you on this thread, see if you like this alternative, it works in Windchill 12.0.2.0.