I am developing a Rails 4.1.4 web app and when I deploy to Heroku
images that are referenced inside the CSS files are not being show.
Other images that I am referencing with image_tag works fine (they also got the token attached to their names). How can this be?
Update
Solved it with background-image: image-url("stripes.png");
Solved it with background-image: image-url("stripes.png");
Related
It's just as the title says, all CSS selectors which are inside of media queries are showing in the inspector as [object Object]. Has anyone else run into this? Does anyone have any idea how I can force it to show the actual selectors being used? Here is a screenshot:
Same here. All selectors. Running a webview in Cordova on an iPhone 6+, iOS 9.0.1. Stylesheets generated with Stylus.
Running the identical css and html in OSX Safari works fine.
UPDATE-- Fixed by Safari 9.0
We’ve had a similar problem when using the keyframes mixin of LESS HAT. CSS selectors appeared as [object Object] in the web inspector when using mobile Safari on iOS9.
LESS CSS with LESS HAT generated stylesheets which stopped working after the iOS / Safari update. LESS HAT’s GitHub Issue #156 addresses and Pull Request #157 fixed these problems.
If you are not using LESS HAT or the like, it might just be a problem with a faulty CSS rule. In our case Safari’s console showed a warning: Invalid CSS property declaration […]
I am using a WebView control under WinRT to display html pages that are loaded from a sub folder of my Assets folder. When I run my app on a Windows 8 PC or on the tablet emulator everything works fine. However, when I am running on an actual Surface tablet, the pages do not seem to be loading the .css file and are, therefore, not formatted properly.
Is there something that I am missing here?
Thanks
Verify that the CSS file is being included in the app you're running on the Surface. Create an app package and then look inside it. To be thorough, copy the app package to your Surface and run it there to verify that the problem still occurs.
Run the Windows App Certification Kit (WACK) tool to uncover common problems. This is just a wild guess, but maybe your CSS file has the wrong encoding, and this causes a problem on Windows RT. Really, this is just a wild guess.
I use for upload my images Paperclip. I would like to ask you, if exist any gem or plugin for showing the preloader while the image is uploading (something like "56% loaded").
it doesn't have to do anything with paperclip actually.
I am using mootools, with mootools I am using FancyUpload which has lots of options and is very well written and easy to debug, rewrite, extend etc...
When you use this, you get an "Ajax" upload with a progress bar.
if you are using jQuery, there are many plugins for that as well.
it's very easy to integrate into the project.
I created an example app on how to use Sencha Touch,Rails 3.1, Devise and Mongodb.
I put the Sencha Touch files in public folder, but i would like to know if there is a way to put it in the assets folder, doing it the rails way.
My issue is that everything gets compiled into one big javascript file, and i don't really want the code that is used for the non login part of the app always available.
you can see the source code for the app here: link
Thanks
move your javascript files to app/assets/javascripts/views/...view.js then they will be compiled for each individual view.
I'm working on some HTML5 content to be included as part of an iPad app in a Web View and it requires some custom fonts which I was attepting to implement via CSS and #font-face
As I understand it, Mobile Safari only supports SVG fonts, but my testing has shown Mobile Safari to really struggle with SVG and the performance hit is a serious issue.
So... is it possible to put fonts in the App Bundle and somehow make them available to the webview?
Yes it is. Include the fonts in the App Bundle and in the app-info.plist use
"Fonts provided by application"
and provide the file name for each font.
Looks something like this...