GMail shows a very useful UI elements which is the yellow status box that appears when an image is deleted, for example.  The features of that elements are that it shows a short text, it can have different styles, and present links for actions. The messages would disappear with time, but can be dismissed by the user with a small close button usually.  So this element is what says: "Item has been deleted" or "Dramatic server error" in the following mock.    Usually those items pile up and they may collapse when a message is repeated, with a counter, like it happens for chrome console messages.  These elements are really powerful for web applications for example, because they can inform the user about general communication with the server side, and they are very versatile.  What is the correct term to describe this UI element? I have heard it being called "butter box".
121120
I'm trying to clean up notifications for a client site and was wondering if the notification pattern that Stack Exchange employs has a name that I can use to search for more examples.
109443
Apparently we have a new messagebox:  Can it please be screen-centered or near the action I took? It is on the top but I clicked to delete a comment on the bottom. The mouse movings give me muscle ache.
15884
For our intranet application we have little notification messages (toasts) that indicate successful operations like "information saved," "logged out" etc. Most of them are not important enough to require a modal operation (like Stack Exchange's "click to close" windows) so they close automatically after 2500ms and I'm trying to make them disrupt the user as little as possible. They are however important to present as users need confirmation an action was successful as it may be part of a repetitive or complex workflow.  I want to make sure they're readable and understandable within the time frame so I was wondering if there was any research on how long it takes people to read information especially in a "pop up" style context. It's not actually a pop up window, more like SE's notification bar but it automatically goes away. If I could ballpark how long to expect reading to take it would help tune the duration of the message and the length of messages.
101819
I think this message/div/box was just added today since I've never noticed it before, it is very noticeable.    I'm already aware that I'm hiding questions because I selected to hide them in my preferences. Isn't this a bit redundant? Now I have to scroll down more to be able to click to the next page. Plus see that same message dozens upon dozens of times a day.    Here are my ignored tags. So I'm going to have to see the same message on any question page that I'm on. Even though I already know questions are being hidden. I'm not understanding the point to this new div/box notification.  Does anyone find this new div/box useful? Do you find it redundant?       EDIT:   Also, this isn't just for StackOverflow.   I only have 2 ignored tags for CodeReview currently. And I have it set for only 15 questions per page. But still, on every page I click to it shows!
26667
What is the new Inbox icon () supposed to represent?  It reminds me of cardboard 3d glasses or oculus rift or even a upside down ( old )telephone. Is it supposed to be a basket of sorts?
23144
When I click the arrow icon to start a reply to a chat message, the text field is prepended with a colon followed by the message ID. This also works even if you've entered something in the text field, so  Replying to somebody   becomes  :1234567 Replying to somebody   But since an image upload will submit immediately, I have to start the reply before uploading.  But that doesn't work either. The message ID that's prepended ends up being erased and replaced with the image URL before the upload submits. I have to edit to include the message ID to turn it into a reply, and since editing a message with a onebox causes the onebox to reload, it can get distracting.  Can we please preserve the message ID so  :6059107   becomes  :6059107 http://i.stack.imgur.com/uzFM3.png   and not  http://i.stack.imgur.com/uzFM3.png   instead so I don't have to edit it or upload it separately?  EDIT [11/20]: just found out that the upload button is totally disabled when the field isn't empty now. I guess it's to stop any message being completely replaced with the upload URL, so perhaps seeing it from that perspective, it's a good thing. It doesn't exactly help matters here, though.
22840
I'm building an HTML UI with some text elements, such as tab names, which look bad when selected. Unfortunately, it's very easy for a user to double-click a tab name, which selects it by default in many browsers.  I might be able to solve this with a JavaScript trick (I'd like to see those answers, too) -- but I'm really hoping there's something in CSS/HTML directly that works across all browsers.
52131
I typed . I believe I tab-completed @rumtscho and fully typed @MarthaF (since she doesn't tab complete). However, other people tell me that a Unicode character was inserted into the message; I can't see it:  Originally, I abandoned this bug report for a lack of reproducibility. But on another machine, I can see the character and managed to reproduce it: press tab, then press backspace. It works anywhere in a message, not just in a @-ping. (Actually, it seems that you just need to un-focus the input box; clicking elsewhere then hitting backspace works, too)  First machine is Firefox 12 (Iceweasel) on Debian GNU/Linux AMD64, testing+unstable. No user scripts. Greasemonkey is installed, but disabled in the extension manager Second machine is Firefox 10 (Iceweasel) on Debian GNU/Linux AMD64, testing+unstable. No user scripts, Greasemonkey not even installed Third machine (just tested) is Firefox 11 (Iceweasel) on Debian GNU/Linux AMD64. Greasemonkey installed and enabled, and there is a global userscript. Does not happen on Chromium 18.0.1025.151, running on machine #3.  So far, that's all the machines I've tested on, and it happens on all of them. It only happens in chat. Easiest way to produce it is to click on the page background, somewhere outside the text box, to un-focus the text box. Then press backspace. Note that not all browsers will display the character, even if its there (check  to see if yours does)
104040
&lt;div aria-hidden="false" aura:id="newClientSectionId" role="dialog" class="slds-modal slds-modal--large slds-fade-in-open slds-hide"       style="width: 60%; margin: auto; "&gt;     &lt;div class="slds-m-bottom--xx-large"&gt;&lt;/div&gt;     &lt;div class="slds-modal__container"&gt;         &lt;div class="slds-modal__header"&gt;             &lt;button class="slds-button slds-button--icon-inverse slds-modal__close" onclick="{!c.showModalBox}"&gt;                 &lt;span class="slds-assistive-text"&gt;Close&lt;/span&gt;             &lt;/button&gt;             &lt;h2 class="slds-text-heading--medium"&gt;Create Opportunity&lt;/h2&gt;         &lt;/div&gt;         &lt;div class="slds-modal__content slds-p-around--medium"&gt;             &lt;div class="slds-m-top--xx-large"&gt;&lt;/div&gt;         &lt;/div&gt;         &lt;div class="slds-modal__footer"&gt; &lt;button class="slds-button slds-button--neutral" onclick="{!c.showModalBox}"&gt;Cancel&lt;/button&gt;             &lt;ui:button class="slds-button slds-button--brand" press="{!c.saveOpportunity}" label="Save" /&gt;         &lt;/div&gt;     &lt;/div&gt; &lt;/div&gt;  &lt;div class="slds-backdrop slds-backdrop--open slds-hide" id="backGroundSectionId"&gt;&lt;/div&gt;   Controller  //for showing modal $A.util.removeClass(component.find("newClientSectionId"), "slds-hide"); $A.util.removeClass(component.find("backGroundSectionId"), "slds-hide");   CSS  .THIS.slds-hide {    display:none; }
47676
Of late, I've noticed that many web sites seem to be using light grey text for many sections of their sites. Some such sections include - the text (link, usually) that shows in the status bar at the bottom of the browser when you hover the mouse over a link on their page, the indicator text in form fields to be filled in (e.g. the word "email" in the email address field), and many other elements on the page.  That light grey makes it much less readable.    Not sure whether is a new trend, or something to do with my browser settings (I haven't changed them lately, AFAIK), or Google Chrome, which is my browser. This is on Windows 7 running on a Dell Vostro laptop. I added the info about the laptop because I suspect the problem may even be due to my hardware settings, since I found the default brightness to be too high after I bought it, and changed it via Control Panel.  Would like to know what are some of the things I can check or change to solve this.  Thanks.
94684
Could someone explain me what does this statement mean and what option should I click when it pops up?
10062
In my Login Items on Mac OS 10.11.3 I see an item called "Documents". The Kind is specified as "unknown" and there is a yellow warning sign at the end of the line.   No further information is shown when I hover or click the warning sign or the item. I checked the loginwindow.plist, but couldn't see anything relating to the item in question.  I don't want to .   Does anyone know what this item is supposed to do and how I could further inquire what is wrong with it?
124177
Yes, I know the topic has been discussed before. I know that Meta already has threads that complain about how flagging doesn't work. I wanted to give a practical example.  Today, a  came in to the  chat and asked the :  Hey guys, as soon as I embed javascript, all my html elements are gone. Even if the script is empty!? ...Can anyone help out? The example is really minimalistic &lt;script type='text/javascript' src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js&quot;/&gt; &lt;script type='text/javascript' src=&quot;script.js&quot;/&gt; These lines make everything vanish. script.js is empty! I use google chrome and the file is on localhost  Some context:  The JS room encourages people to come and ask questions that are too small/badly put for main. The room encourages people to just ask questions rather than ask to ask. In fact we even have a bot that prompts users to just ask if they have a question whenever they join. The above user has a good Q to A ratio having 1K rep in the main site and over 80 answers. The user has no negative context in the chat. No previous offenses or anything like that.  That message got 7 flags  Had a mod (ThiefMaster) not been present and invalidated those flags in time that user would have probably been suspended from the chat. This is bad, it sends the wrong message and it is very rude. Now, some other rooms don't allow people to just come and ask questions right away so maybe users from other rooms validated the flag. Maybe users thought he was being rude? I don't know. I do know that we don't want this sort of negative atmosphere in the JS room (and I'm sure other useful rooms such as PHP don't want it either), we have enough on our hands trying to maintain a community while helping people joining and handing with vamps/trolls. Possible solutions:  Drop spam/offensive flags altogether. Make spam/offensive flags room specific for big enough (tm) rooms. Give room owners just the ability to invalidate spam/offensive flags.
83118
Previous question:    That was when my buttons died.  On other days, my text dies.    And some times it's just italics.    Now, I like blaming @skiwi for this, and he's often nearby when it happens.  But today, he's not here, and it happened again.    I'm running Windows 8 and using Chrome 40.0.2214.94 m.  Refreshing and such does not fix the issue.  Inspect element -> console -> error log:  http://chat.stackexchange.com/chats/8595/messages/new Failed to load resource: the server responded with a status of 409 (Conflict) http://i.stack.imgur.com/2ZJdJ.png?s=128&amp;g=1&amp;g&amp;s=16 Failed to load resource: the server responded with a status of 502 (Bad Gateway) http://i.stack.imgur.com/boUZp.jpg?g&amp;s=16 Failed to load resource: the server responded with a status of 502 (Bad Gateway) http://i.stack.imgur.com/U8P3C.jpg?s=128&amp;g=1&amp;g&amp;s=32 Failed to load resource: the server responded with a status of 502 (Bad Gateway) http://i.stack.imgur.com/boUZp.jpg?g&amp;s=16 Failed to load resource: the server responded with a status of 504 (Gateway Time-out) http://chat.stackexchange.com/messages/19891816 Failed to load resource: the server responded with a status of 409 (Conflict)   What's going on here?  I should note, I can view italics by selecting, then alt-tabbing:    So it reeks of a client-side issue. What's hiding the text from me?  EDIT:  30 april 2015 it happened again =/
66791
Is it possible to customize the alerts or badges (either will be okay) for the Mail application so that it displays Delete upon a mouse-over instead of Options --&gt; Delete? I receive a lot of mails daily which I need to delete etc and it will be very handy to have such a simple feature. I am using MacOS Big Sur on MacBook Air M1. .
14795
This question is a duplicate of  (but this question can't be marked as a duplicate because that question is on meta.stackoverflow.com, and this question is on meta.stackexchange.com).  I'm seeing a bug on stackoverflow.com. I'm not sure if the culprit is Stack Overflow, Google Chrome, or macOS.  (Below I refer to a "code box". By that I mean some text that begins with 4 spaces when editing a question or answer.)  When I hover over a code box that contains one long line of code, a horizontal scrollbar appears. When I stop hovering over the code box, very frequently (maybe 3 out of 4 times) the scrollbar does not disappear. Clicking elsewhere on the page also does not dismiss the scrollbar. The only way to dismiss it is to refresh the page.  ...After experimenting more, it appears to always happen if I enter the box from below, but not always when I enter from above. It seems to be triggered by hovering over the lower half of the box.  Also if I enter from the top and scroll to the right, then until I refresh the page again that scrollbox will behave normally (only show a scrollbar when scrolling, and disappear after). In that case the scrollbar also has a different appearance, being much less tall (maybe a quarter of the height of the code box rather than half as tall).  Further, if I get a box and scrollbar into that functional state and then hover over the lower part of the box for a bit, then sometimes eventually it will break and stay broken until refresh again.  And in any case hovering over the lower part of the box causes the scrollbar to get taller.  Here is a screenshot of the issue:        Google Chrome 71.0.3578.98 (Official Build) (64-bit)  macOS High Sierra 10.13.6  Here is a code box that repros the issue for me:  fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   Here is another:  foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo
66078
When I autocomplete an environment, I get a red box (which I now know, from  is called a placeholder.)   What are these placeholders for, what functionality is associated with them, and what is the intended workflow for using them? (I think this information is probably all on here somewhere, spread over a series of different questions/answers. But it would be great to have everything in one place and to know I'm not missing anything)