Here's the page I'm working on. Just click on "Forecasts" tab. On Chrome and FF browsers. http://www.weather.gov/mfr/dot
Once on the forecasts tab, you'll see a map below the text links. Much of the map is grey upon loading. I saw that this can happen if CSS is not loaded, but I have the latest CSS loaded on there. Can anyone help with this problem?
Thanks!
since the map container is being created dynamically, you need to call map.invalidateSize() when the 'Forecast' panel is toggled.
Related
I have a project with a standard template (header-menu-content). When I quickly click button several times, my UI doesn't render correctly. (The header just remains and it is on a center of the page). But at the same time, no one button on the header does not work. Nothing works. <ui:debug> at this time does not work as well. I can solve this problem after updating a page in a browser. It seems like elements haven't been downloaded.
What should I do? How can I find the solution?
Thanks in advance!
I need to download the "Municipalities in Bosnia and Herzegovina.svg" (map) file from this page, but I have no idea how to download it, i.e. to find a link to the image on the page. I found sodipodi:docname="Municipalities in Bosnia and Herzegovina.svg" in the source code, but that still doesn't help me. Could someone link to the svg file and perhaps explain how they deduced where the file is stored?
Assuming you have the rights to use the map. Make sure you do.
The SVG is embedded into the code of the page. You need to cut and paste it from the page source.
The following instructions are for Chrome. Other browsers will be similar.
Mouse over the light grey area of the map.
Right-click, then select "Inspect" from the menu
The browser web tools pane should open with the <svg> element selected.
Ctrl-C to copy
Paste into your favourite text editor.
"Save Page As"
Chrome(right click)
Firefox (menu/Alt or Ctrl + S), then choose the "just SVG" option in the dropdown menu.
Internet Explorer (get Firefox or Chrome, its about time!)
An easy way to download the SVG is using a browser extension. For example, on the Chrome browser there is the SVG Export extension which allows you to view & download the SVGs on a given page. Of course, always make sure that you have the rights/permissions to download the SVGs.
Why are some extensions like TeamVViewer filled out. But then there are others that are super small inside a jigsaw piece like this?
The difference is that TeamViewer is a Chrome App, not an extension.
All extensions' icons in CWS are rendered inside the jigsaw pieces.
It only affects the Store listing, your icon inside Chrome will be normal.
I want to add an icon to the addressbar. It works fine, but there are other extensions which adds such an icon too. I can't see the logic behind the ordering of these icons.
At home my icon is at the very left position and at work it is somewhere in the middle. I can't change it by dragging (like the buttons beside the addressbar).
Do you know if it is possible? And if yes, how?
Or which factor is responsible for the ordering?
Thanks in advance.
It seems, that the order of how the extension has been installed is responsible for the ordering of that icons.
The latest installed extension appears leftmost.
I am running DNN 5.x and the XDMediaBlue skin in horizontal menu full mode. Is there any way to have a tooltip appear for menu items?
I would look at jQuery one of the tooltip plugins should be able to do this - not exactly sure how the tooltip info might be loaded in practice but i think it could be done without a lot of work maybe loading a json array of info after the page loads that the tooltip plugin could use
Here is one link to get you started - http://craigsworks.com/projects/simpletip/ and here is google to find a bunch of these - http://www.google.com/search?q=jquery+tooltip&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a