web page looks bad in chrome when downloading - css

when I download this page:
https://botoxparty.github.io/XP.css/
it looks bad in google chrome.
it seems that it deactivates the css if the page is opened offline.
is there any way to view the css files or resources offline?

Yes. There is a GitHub repository where you can see the project in its entirity. Just download the source code from the repository using the Download Zip button on the top right
and the code can be found under the gui folder
https://github.com/botoxparty/XP.css

Yes you can use HTTrack to download and save it

Related

Embed API Working with Custom Components fails to display

Google Analytics demo code at .
Logged in to Google Chrome as the owner of the Analytics Account and then navigating to that page displays my Google analytics data correctly.
I follow instructions on the page and embed the code into a simple page .
Authentication works as indicated by the displayed message: “You are logged in as: me(at)gmail.com” but there is nothing more, no graph no message.
I am reasonably certain that the page is coded correctly as I have:
Basic Dashboard (basic.html)
Multipleviews (multipleviews.html)and
Interactive Charts (ic.html)
all working and displaying correctly (they display but not styled like the demo).
Why will the page not display the graphics?
As Eike pointed out in the comments, you've simply copied and pasted the code from the demo without downloading the components to your own server. If you open up your JavaScript console, you'll notice that you have 404 errors saying the browser can't find those components. Here's a screenshot of what I see on your site:
To add those components to your site, you have a number of options. I've answered a similar question on one of the repo's Github issues, but I'll copy it here for convenience.
The built and minified versions of those components are located in the build/javascript/embed-api/components directory. You can simply download those files and add them as script tags on your page, or include them in your site's main, bundled script.
If you're using an AMD script loader like RequireJS, you can also just point to those built files as they're wrapped in a UMD wrapper.
If you're using a tool like browserify or webpack, you can npm install this repo and require the files in the src/javascript/embed-api/components directory.

Edited Chrome Extension - chrome thinks it is malware

I recently edited one of my extensions' css and HTML files to provide myself with a better experience.
However, When I went to enable the extension, a line right below the extension said "This extension may have been corrupted by malware.", and will not allow me to enable the extension itself.
How can I enable this extension?
Thanks
UPDATE:
Google's help page: https://support.google.com/chrome/answer/187443?hl=en.
It says to visit the extension page and click "repair" by the extension, but no such option appears for me.
Turns out that I had to make a copy of the extension to an external directory, then delete the existing one.
From there, I followed the instructions here: https://superuser.com/questions/247651/how-does-one-install-an-extension-for-chrome-browser-from-the-local-file-system.
Text for the lazy:
Navigate to chrome://extensions.
Expand the developer dropdown menu and
click "Load Unpacked Extension".
Navigate to local folder. Assuming
there are no errors, the extension should load into your browser.

asp.net application - View uploaded file instead of downloading

We have a asp.net application which allows users to upload files.
After the file has been uploaded, users get an option to download the file to view it.
We wish to also give a preview link. Clicking this link should open the file in the browser pop-up (Chrome and Firefox).
Users typically upload pdf, common image formats and word documents.
Any help would be really appreciated.
Thank You
Yash
Based on your requirement, I think you can use Google Docs Viewer.
Sample can be found over here
For more information this is the link of google blog explaining Google Docs Viewer.

Flajaxian File Upload control not uploading files in FireFox

Currently I have developed a website in asp.net using vb.net
I needed to upload multiple files at once, So I used Flajaxian File Upload Control to do my job.
It works great in any version of Internet Explorer.
But in Firefox it shows that it has uploaded files but none of my files are uploaded.
I think there might be some settings in web.config or in the control itself.
Can anyone suggest something?
I have googled for that and I found that this control is not compatible with firefox. I think it works well with IE. But I am not sure.
This is not a solve your problem
but you can try Jquery File Uplaod
jQuery File Upload Demo

Chrome Dev Tools (CSS) editing and saving

I need to change the color of some words in one category of the widget, I have seen the youtube video about Development Tools.
When I locate the part where I want to change, and I do the change in "Elements" (of Development tools) on the top right corner in the element.style {color:red;
}
but as following the video when I go to resources the changes I made is not there.
I can only edit in Elements, I cant save it
I can only save in Resources, I cant edit/add anything
can someone please help me how this dev tool suppose to work?
I can however edit/add AND save in the Sources, maybe I need to save the style sheet from Resources to Sources? is that what I am suppose to do?
As you said Chrome Dev Tools don't have the builtin function to save the code you edit, anyway there are a couple of Chrome extensions. The best in my opinion is Tincr.
You can find it here Tincr
Then you can also find a tutorial here: http://addyosmani.com/blog/lets-tincr-bi-directional-editing-and-saving-with-the-chrome-devtools/.
Basically you
install the extension,
then you select the application type between: Ruby on Rails, Chrome Extension, Atlassian Plugin and Configuration file,
then you can add the root directory of your project.
When you are done, if you edit something using Google Chrome Dev Tools, the changes will be saved automatically to the source files and there is also a live reload function, so you don't have to press the refresh button or F5 to reload the page after changes.
You cannot edit files on the server through the developer tools and changes will not stay after a refresh.
An updated answer as of March 2013, you can now save changes (JS and CSS, not DOM) from within Dev Tools.
http://remysharp.com/2012/12/21/my-workflow-never-having-to-leave-devtools/

Resources