I have just started using the Firefox Developer Tools. When I am in the Style Editor, I can't seem to grab the scrollbar thumb to scroll through my style sheets. I assume I'm missing something but can't find what. I have restarted the developer tools, and restarted Firefox, but that didn't help.
My cursor stays as if it is selecting text, even when I hover over the tiny scrollbar thumb, thus it doesn't let me grab the it. Obviously this is important as style sheets can have many lines!
I am using Firefox 50.1.0 currently.
This is a known bug filed as bug 1265807 .
A workaround for this is to switch to the Firebug theme, which uses the OS default scrollbars:
Related
I have tried the solution given on this link
https://itstillworks.com/enable-zoom-pinch-firefox-macbook-21731.html
This seems to just increase the zoom percentage as can be done by Cmd + +. But what I wanted was the way Chrome and Safari do it, to zoom into a particular part of the page(the part where the pointer is) and then you can scroll also in those particular settings. Like zooming in as if the webpage was an image.
Is this feature available in Firefox?
Open a new tab in Firefox and type in about:config to go to its configuration window. This will probably take you to a window that warns you about the risks of incorrectly modifying settings. Simply click "I accept the risk!" to continue. Then search for the setting called apz.allow_zooming and set it equal to true.
Pinch zooming is used by default starting in Firefox 83, released on November 17, 2020, both on Windows and Mac. (release notes) As before, whether pinch zooming is enabled is controlled by the apz.allow_zooming setting in about:config, so you can disable it if you like.
Firefox 31 has changed my web console layout and I can't find the option to change it back. Being that I have a widescreen monitor I prefer the console to the right. When I select an array/object to view it opens it in a split as expected, but ever since the update I can't get the split to stack them vertically so they can use more width. Am I just not seeing this option?
Update: For Firefox up to v33 use this plugin, for 34+ behavior has changed. Read this thread on Bugzilla for details: https://bugzilla.mozilla.org/show_bug.cgi?id=1084004
This was added in Firefox 34, now in Beta. It is not in Firefox 33, the current release.
If you have the toolbox docked to the side, the Object Viewer pane will automatically drop to the bottom if the toolbox gets too narrow, see this gif for a visual example:
No, you are not missing the option. The option does not exist.
However, here is a quick-and-dirty extension that does what you want for Firefox 31.0 through 34.0:
http://www.mediafire.com/download/oxt4c5o5vypca85/place-webconsole-object-view-vertical%40makyen.foo.xpi
I tested it on Firefox 31.0, 32.0.1, 32.0.2, 33.0b4 (current beta), and 34.0a2 (Aurora, the current alpha). All of them worked. The file the extension changes, webconsole.xul, has 4 slightly different versions in that range of Firefox releases. One of the changes was between 32.0.1 and 32.0.2.
I had another extension for which I was already working on a similar set of compatibility and testing and then Mozilla released FF 32.0.2 today. Leaving this solution as only compatible for 31.0-32.0.1 just didn't sit well with me, so I did the mods to give it the wider compatibility range.
In 34.0a2 the stock behavior of this part of the webconsole is a bit different. The object view automatically shifts from vertical to horizontal depending on how wide the devtools sidebar is. Visually, this is similar to how the inspector behaves in 31.0 (and later). The above extension, when installed on 34.0b, will lock it in the vertical position. Personally, I really don't like the auto-choosing of vertical/horizontal. I would want a control and be able to lock it the way I want it when I am viewing it. This is not supposed to be a glitzy wiz-bang UI thing to get the masses interested. This is a: I want to get my work done now and I want it my way because that's how I work fastest/best. Sorry, I got up on my soapbox there a bit.
It's the icon that has a rectangle at the bottom. In your case (Where the yellow arrow points):
joomla modal popup plugin does not closing properly in IE, but In FF browser, plugin is awesome.
when i click the close button. looks its closing. but actually it is not closing. that light box is displaying browser below with just blank. please find the attached screen shot fyr.
Note: in the attached screen shot popup will coming down(footer area) after user clicked the close icon in the light box.
echo '<td><a class="modal" href="modules/mod_popupdetails/showdetails_popup.php?qs='.$row->$somthing.'" rel="{handler: \'iframe\', size: {x:1040 , y: 500}}" >Table</a></td>';
Well, as your comment states, if turning off compatibility mode fixes it - then your issue lies in compatibility with older versions of IE. You can either try to find a workaround for that - or just design for newer versions. There really are very few people who use older versions of IE anymore - so I would recommend perhaps checking their browser version and asking them to upgrade, instead of trying to find some ugly hack/workaround for those few people. May not be 'best practice', but it works.
After extensive testing, I believe it is not possible to change the color of the text in an option element of a select dropdown in Safari for Mac. (By that I mean have the text of some option elements one color, and others a different color). I've tried css, inline styles, JS, and (shock) a font tag.
It does work in Safari for PC however! Also chrome, IE and firefox on both platforms. It does work in safari mac if you use a "multiple" select, but not single line/traditional select box.
Can someone confirm?
(BTW, I don't really want to be told "you shouldn't do this" or "why ever would you want to do that", etc, just confirmation that it either is impossible, or an explanation of some way of doing it).
Thanks!
how to edit Firefox 'basic page style'
for all sites
with a Stylish script
to set scrollbar to a higher contrast color.
I can't see the thing its terrible.
is there any other way to do this?
The scrollbar is an operating system feature, not a feature of your website. Its look-and-feel are controlled by the user, not the webpage. IE provides a way to change scrollbar colors but it was heavily abused in the early days and is now considered a generally bad idea. In short, if you are trying to manipulate scrollbars from a webpage you're going to have to code a 'fake' scrollbar in Javascript or forget about it.
If you are trying to change only your own system then you may find some possibilities in creating user chrome, greasemonkey script or persona. I'm not sure what is possible there.