has chrome eliminated the classic avatar menu? - google-chrome

Like many web developers, I maintain numerous profiles in Google Chrome so as to test web applications. When doing these tests, it is essential to rapidly determine which profile I am in when interacting with Chrome. I depended on the classic Chrome avatar menu to signal the current profile. For months now, Chrome has defaulted to a newer profile menu that only showed the current user's name in text (no avatar image). Until today, it was possible to go back to using the classic avatar menu by navigating to chrome://flags and then disabling Enable New Profile Management System. Now, doing this has no effect. I was wondering if perhaps there is some other way to enable the classic avatar menu so that my web development tests can proceed as before.

This is unfortunately a design decision by Google, and it looks like they're sticking to it. When it initially happened, I (like you) set the flag & was able to use legacy icons, but as of this morning the flag itself has been disabled.
Further reading (follow the links to related issues): https://code.google.com/p/chromium/issues/detail?id=512699
I have no idea how much good it will do, but starring the issue and leaving a polite, detailed comment on issue #451920 is a good place to start.

Related

Hide url display in bottom left on mouseover?

I would like to hide the url display that appears in the browser when you hover over a link. I've read the other articles posted on this subject, but as I've tested the options, my functionality "breaks." I have some links that open in the same page, some open a new tab, and other prompt lightbox, pinterest and twitter widgets, and none of the solutions thus far seem to be a "one-size fits all" fix.
I've found a solution (I think), but development is not my forte, and I have no idea how to implement this. Is this something that someone can give me a step by step on how to make this change?
https://learn.microsoft.com/en-us/dotnet/api/microsoft.web.webview2.core.corewebview2settings.isstatusbarenabled?view=webview2-dotnet-1.0.674-prerelease
I understand your concern regarding your business.
The link you have shared is for WebView2.
Microsoft WebView2 is a developer control for embedding web content in applications. It allows developers to leverage the best of what the Microsoft Edge Chromium platform can offer and build seamless experiences for their users that incorporate web-based content.
It cannot help you hide the URLs on hover for the images on your site while visiting it through different browsers.
As informed by the other community member, it is a security feature in the browsers so users could know which site they are going to visit if they click the link. It is not recommended to modify it to hide it for security reasons.
further, you don't know that the customers visit your site using which browser. Every browser works differently and it is not possible to remove/ hide or disable that information from the browser side.
There are some code examples I found that use some JS code to achieve your requirement. You need to modify your site code. If you are not a developer then it could be difficult for you and you may break your site. So it is recommended to take help from your site developers.
Below are the helpful links.
How To Hide url display in bottom left on mouseover?
How to hide link information at the bottom left/right of the browser on hover
how can url be hidden in hyperlink when mouse hover
Is it possible to hide link address on hover?
The best thing would be to remove the unwanted information from the image links.

How can I inspect element on a Chromebook when inspection is disabled?

I am on a Chromebook controlled by an administration that has disabled the usual Chrome inspection. I am also not allowed to take it out of this administrative lock.
Is there a website available that would allow me to inspect element as a part of that website?
Is there some other way for me to be able to access the console log of a page?
I just need to do some debugging of a program, but I can't find out how to tell if there's an error or not since I can't access the console of the page.
No, there is no site or other method available. Usually business and school administration offices disable this on a Chromebook because they give the device to you to use for work, therefore disabling access to certain websites and features. They don't want you to mess around with their devices.
There are 3 solutions to this;
Buy a personal Chromebook.
Confront the administrator about enabling this feature.
Use any Windows or Mac computer, because they allow Inspect Element on desktops for certain reasons.
I hoped this answered your question.
A lot of schools that provide chromebooks or iPads like to put restrictions on them which include:
blocking websites
not allowing certain device features (like playing the dinosaur game when you don't have wifi, inspecting, viewing the source of a webpage, bookmarklets, google assistant, etc.)
and more
I know this from experience, as I am literally answering your question on a school chromebook, since Stack Overflow is luckily not blocked.
There are some ways to fix this.
Reach out to the help desk or IT person at your school/district. Ask them to allow inspecting web pages on your chromebook. However, you must have a legitmate reason for wanting the Inspect feature, like not because its fun how you can edit a website or whatever, but a reason similar to your reason.
I just need to do some debugging of a program, but I can't find out how to tell if there's an error or not since I can't access the console of the page.
I'm pretty sure that the help desk/IT at your school will allow you to have the inspect feature because you have a pretty good reason.
Other ways to inspect the website that you wanna inspect are:
Inspecting the website on a personal chromebook,Mac, Windows, or other type of computer. Restrictions cannot be put on Macs or Windows computers for inspect, so if a school gave out windows computers, the students could use inspect.

CSS/HTML & Browser Problems with Weebly-Exported Site

I'm part of a professional-oriented undergraduate organization at Michigan State University that wishes to maintain its web presence on our university's server, in part because the .edu web address looks professional. However, we wish to allow various members of our organization to edit the website, which complicates the situation because not everyone in our organization has the programming skills for HTML/CSS (our university prevents all personal and group webspace from using server-side scripting).
One potential solution that I have discovered uses Weebly's website generating service. There is a feature of Weebly located under Settings > Archive/Un-publish that allows one to download a .zip file of the site after having manipulated the site through Weebly's GUI. Such a solution would allow our members who do not have the knowhow to edit HTML/CSS to simply edit the website through Weebly, download it, and then upload it to our university's server.
The issue is the following: for whatever reason, after doing this, part of the website is not rendering correctly in certain browsers. In particular, in Internet Explorer and Google Chrome (though not in Safari or Firefox) the two columns in the main content area of every page are vertically centered. This is most apparent on the our constitution webpage, as the relative length of the constitution leads to the "Meetings" sidebar being located very far down the page. You can compare this to the rendering of the same page on the Weebly site, where the issue does not arise and the "Meetings" sidebar is at the top of the page, regardless of the browser.
Does anyone know why this might be the case and whether there is an easy fix? As noted at the outset, we wish to maintain the website on our university's servers for professional reasons, so maintaining the website on Weebly and redirecting the .edu address to the Weebly site is not an option.
The td item in the table: .wsite-multicol-col needs to be set to vertical-align:top. To be vertically aligned to the top of the table.
In the old days, way back when...you could do <td valign="top">, in the markup - but that's no longer valid, and we can control the styling purely through the .css file.

Auto-hide window to dock to Windows taskbar or other 3 edges

I have been tasked with developing an innovative tool this year. My idea is an auto-hide window that, regardless of what application is being used, sits permanently snapped to the Windows desktop (to the taskbar or any of the other 3 edges) and displays content from an Oracle d/b and gives access to (and will open if not already open) web pages, PDFs, docs, etc. It will be used by scientists doing research. It will be a tool that will have potential general utility but will be used specifically to get immediate access to information e.g. copy a word/phrase from a Word/Excel/PDF document, open the auto-hide window and paste it into a search box there, and then click to search for it on Google, OR see something of interest in a printed magazine, open the auto-hide window, click on a preselected favorite database (being the content from the Oracle d/b mentioned above), and then go and search in that database for it. The trouble is, I'm not a programmer and don't know where to start. I would need to contract a programmer to do this but don't know what skills would be needed (C#, java, etc?).
My idea came to me after seeing the Snagit OneClick auto-hide window. If anyone knows that, they should pretty well understand my idea and requirements.
Any help with identifying the type of programming required, background stuff to read, other examples of this type of auto-hide window, etc. would be most welcome!

Fusing multiple web servers into one site

Where I work, we use a multitude of various services such as Confluence, JIRA, Bamboo, Mercurial, and various others, that all have a web interface that our engineers can access through the corporate intranet.
However, many in our staff aren't directly network wizzes and having these services spread out confuses them. What I want to do is to set up a central server from which they can branch out and find all other web interfaces that relate to their work.
The first thought i had was to create a light web page with frames, using a top bar where the user can quick-navigate to any of the services available - but this creates an additional problem where i can't email someone a direct link to a page within a service, because it will remove that frame (and confusion will arise again when they see there's no way to navigate by clicks).
Is there some best practice to put this all together? Some hints? ideas?
First, stay far far away from frames. They annoy users something fierce (partially because of that not-able-to-bookmark issue you just spoke of.)
You could create a small webpage that could load within a popup window, which contained dropdown-nav links to all of the various tools. If you had the resources, you could even make it so that users could customize this window - so that they can add bookmarks to the tools they use the most.
But that does bring up the question...I'm guessing your staff isn't savvy enough users to know how to use bookmarks? Or keep going to a central link-repository page? Whatever solution you're thinking of, get input from a sampling of your user base, and find out how they'd actually prefer to work. They're the ones who are going to be using the tools, after all. Keep them involved, solicit their input, do "hallway usability tests" or any tool you end up building might be as useful as a chocolate teapot.