I'm terrible at front-end/UI work, but I'm stumbling through a Blazor server app. I've run into a weird (but minor) problem. In my NavMenu I have some NavLinks that use the "href" and some that use the "onclick". The "onclick" ones don't look quite right: when I hover over them they appear like text, not something clickable. I can click on them and the functionality is correct, but the mouse cursor is incorrect. Any ideas?
Thanks!
The NavLink in Blazor looks at the URI and the href property of the tag to decide when to set its "active" css class or not. So those onclick will likely have the "active" class on it.
Related
I am working on an intranet project that is having the majority of its users move up to ie8 soon. A bug was detected where when attempting to create/edit a page, the rich html editor boxes would be squeezed compared to what they look like in any other browser.
I found the offending style, its inline and its:
style="display:inline-block"
Now if it was just "inline" then it would be fine. However, it is not.
I have attempted to override the PrefixStyleSheet attribute in the master page and have a custom style in the main css file, but it is not working at all.
I have heard that a control adapter might be helpful to post process the html but i am unsure on how to use one.
Is there any advice you guys can give me?
From my experience, using JQuery "hacks" in the master page header is the most convenient approach, without messing up the system css or the backend.
Find the element you want to override the style to a custom style, and assign your custom style. Be careful if the override is page layout specific, then might add to the page layout header placeholder instead.
http://api.jquery.com/css/
Hope it helps.
When browsing the Add-ons Manager, about:addons, in Firefox 4, the toolbars and urlbar are hidden when "Tabs on Top" has been set.
As I am writing an extension in bootstrapped method, how can I simulate that feature in my own created page?
It has already linked to a page on resource scheme (resource://app/page.html)
I am wonder if there are some "hidden" attributes that can easily do such kind of things.
Or, whether it must hide and show the urlbar and toolbars in listener of window-mediator.
Solutions in XUL method are also welcome :) , but it'd be better if it can easily handle in bootstrap.js. ;-)
Thank you for your help.
It looks like Firefox maintains a whitelist of URL locations that should hide the locationbar chrome. The whitelist is checked here:
http://mxr.mozilla.org/mozilla-central/source/browser/base/content/browser.js#4412
So, setting the "disablechrome" attribute on the window element should make the locationbar chrome go away. Removing the attribute will make the locationbar chrome come back.
Adding your location the the whitelist would probably be the easiest way to make this work:
http://mxr.mozilla.org/mozilla-central/source/browser/base/content/browser.js#4086
From your bootstrap.js code, once you get a window, try this:
if (window.XULBrowserWindow)
window.XULBrowserWindow.inContentWhitelist.push("my-url");
On this site: http://67.15.245.6/~paddyosh/ the main navigation has suddenly stopped changing, i am sure i didn't change the core files.
The same code works fine on the local machine, but please tell me if it's just my computer and you can't see what my problem is.
That sounds suspiciously like the cache under Global Settings...try that...I have experienced that problem before, under the Admin back-end, the menus wouldn't work..then again, I got best results under Opera, in Chrome it doesn't work properly...weird...
I think the cache is the most likely culprit as tommieb says.
Alternatively, it could be a CSS issue, since you're using sprites. You don't say what you're changing in the menu, but for example if you change a menu item title from "Sports" to something else, it will still say "Sports" because the text is part of the image.
Firefox main window is refreshing always if a hyper link which differs only
in the HASH part is clicked from the sidebar. I am using target="_content"
to achieve this.
Main window url = "www.mydomain.com/index.html".
The hyperlink in my sidebar is "www.mydomain.com/index.html#search=testing"
I noticed this if firefox is started with some particular profile only.
Why this behavior?
Can anyone help me here?
The 'HASH part' you refer to is an anchor.
I'm not sure if the syntax www.mydomain.com/index.html#search=testing is valid.
There is no mention of it at the W3C HTML 4.0 Recommendation about the syntax of anchor names
By default in Firefox every time you open an image it will re-size to fit within the browser window, now if you view a lot of images this can become annoying having to click on the image every time it loads to see it full size.
There is a way to switch off that in about:config, but this is not a solution for a broader public.
Is there a way to switch that off by some JavaScript function, or CSS, or something else?
If you would like to switch off auto-resizing images in your browser, then you can
type about:config
search for property browser.enable_automatic_image_resizing
and set it to false
If you want it for your visitors, I just can repeat what Jeremy Sydik writes in Design Accessible Web Sites,
it’s just their web, we’re building on it.
And in this case, you really shouldn't decide whether your users want Firefox's auto-resizing feature or not. You can always choose a solution that gives better user experience to your visitors. For instance, you may install a Lightbox variant as Daniel A. White already mentioned.
There is also great_llama's solution to open images inside a HTML page.
Point to a dynamic page that uses an IMG tag with the appropriate source, rather than pointing to the raw image. Use the querystring or something similar to pass the image name to the page.
<html><body><img src="yourimage.jpg"></body></html>
I dont think there is anyway to change that behavior, at least using javascript or css.
Why not use a jQuery Lightbox?
http://leandrovieira.com/projects/jquery/lightbox/
Though I have not tried it, I don't see why it would autosize if you wrapped it in html and not link directly to the image.
if that is an option, just wrap it in html:
<style type="text/css">
* { margin:0; }
</style>
<img src="whatever.jpg" />
If you are the owner of the image, embed the image in an HTML document. Firefox resizes an image only if you open it directly in the browser.
If you are talking from a Firefox user's point of view, I think about:config is the appropriate place to disable this functionality.