Drupal CSS Aggregation breaks theme on Production - twitter-bootstrap-3

I am working on Bootstrap theme on Drupal 7. The site works fine, but when I activate CSS aggregation all theming breaks down on Production, In local environment css aggregation works fine. On local environment aggregated files are getting creating in /sites/default/files/css. On server I have given 777 permission to css folder.
Does anyone have any idea where to look?
Thanks

Related

Nuxt deployment and IE 11

I am heading toward my first Nuxt deployment, of a large internal application. And I’d like to support IE 11, at least for a while. But when I generate the deployment files and attempt to access a staging site with IE, I immediately receive a syntax error from one of the generated js files.
Here’s a start at specifics:
Vue 2.6.12
Nuxt 2.14.6
Vuetify 2.3.2
Nuxt plugins for axios, auth, and a few other plugins.
The application is deployed to IIS, using nuxt generate and copying the dist directory to the server. I have tried using the generate command with and without the modern -m flag. There is no possibility of deploying other than through IIS (client specification), and I’d prefer not to have to run Node there, since the static deployment should work.
I am developing on a Mac and thus have no practical way to run and access the dev version by IE.
The application works properly on modern browsers, but throws an immediate syntax error in IE.
My understanding was that an IE-compatible version would be transpiled during the generate process, but evidently I’ve missed something.
As I say, this is my first Vue/Nuxt deployment, so any advice would be appreciated. I’ll be happy to provide any further specifics.
Thanks in advance for any suggestions on what/how to troubleshoot this.
Please follow these steps
Check if the syntax error is caused due to any dependency. I ran into syntax error when using vue-calendar plugin. This plugin has problem with IE11
Try adding pollyfill.io into your application. Inside your nuxt.config.js try adding inside head
script: [{ src: 'https://cdn.polyfill.io/v2/polyfill.min.js' }]
If adding to nuxt.config.js doesn't work , try using the code into your app.html file

Twitter-Bootstrap 3.3.7- Getting Started

I'm stumped. I cannot understand the getbootstrap.com Getting Started info. I'm running on Windows 7 Pro. I would like to use Pingendo - which I'm new to - to create my website.
I downloaded the distribution version bootstrap-3.3.7-dist.zip (pre-compiled) and unzipped it. Then I came to the MaxCDN code. Where do I put that code??
For the source code version, I see references to things I don't know about: Bower, npm, Composer, Grunt, Less, and SASS. All these appear to be Linux based tools - from the command lines shown. How does one accomplish the same thing under Windows without installing yet more tools? Do I even need to compile this code to use the greater features?
You can either add the downloaded bootstrap css and js files to your project and reference them or you can just use the cdn which is just the same files hosted on a server. You do now have to know about any of those to get started with Bootstrap. They are just additional ways to install it, and different preprocessors that you can leverage.

Layout being ignored on AppHarbor

I have an MVC application that renders fine locally but when deployed to Appharbor it renders only the view portion of the page and ignores the layout.
Any ideas on possible causes?
I've tried enabling/disabling precompilation.
So it turns out that the _ViewStart.cshtml file was no longer a part of the project. Since the physical file was still there, local debugging was picking it up and was running fine.
However, without it being a part of the build, when AppHarbor built the project it wasn't included causing all the views (without an explicit Layout) to render with Layout = null
Thanks everyone! facepalm

Bootstrap flat-ui glyphs not displaying correctly

I'm using bootstrap with flat-ui. Glyphs is displaying correctly if bootstrap and flat-ui files are on the same directory as the site. But when I transfer these files to a different directory and just point the files there from the site (with a different directory), the glyphs are just displaying "E024".
site directory:
/var/www/html/tn
bootstrap/flat-ui directory:
/var/www/html/fui
I have read this Bootstrap 3 unable to display glyphicon properly
Actually the glyphs are displaying correctly on other browsers other than firefox in win7.
but that didn't help. any idea?
I had the same issue with Firefox. In my case, I was loading a bootstrap 3 based HTML5 web application from the local file system, not from a web server. Apparently Firefox has security settings with this and local fonts - see this other answer:
CSS #font-face not working with Firefox, but working with Chrome and IE
In short, for me I was able to fix this in Firefox by changing the preference security.fileuri.strict_origin_policy to false.

Joomla Mootools file getting truncated

I am trying to run Joomla on my local machine. I have installed wamp 2.0 and everything installed ok with it and I managed to see it running. I have now come to install Joomla 1.5.18 but I am having a problem with the mootools file on the installation wizard.
When running through the installation process in FireFox with firebug turned on I get errors about the mootools file missing a }. When I view the file through windows explorer it is complete and everything is fine with it but when I click on the error in firebug to see the error the file is truncated which I assume is why it is not working and complaining about a missing }. To test the file I created a test page which pulls in the same mootools file and this works fine (running locally and not through Joomla ).
Does anyone know why this is happening and how to fix it? I think it must be a problem with wamp as like I said the file is fine and runs ok if I run it from the file system, however I know nothing about servers so this is a guess. Maybe a limit on the size of a file which can be returned as the mootools file is around 7000 characters long.
I have tried un-installing both Joomla and Wamp but none this has not worked and I still get the same error. Thanks
I'm just curious, have you tried installing a newer version of Joomla? 1.5.8 is a little bit old and you may have better luck using something a version or two newer. Alternately speaking, if you're not a big fan of installing WAMP and then manually installing Joomla, you can use a Bitnami Joomla stack. Basically, Bitnami installs Apache, mySQL, PHP, and Joomla all in one quick and easy install.
I hope that some of this helps!
I would suggest that your problem is not with the Mootools package but with your template or modules that are loaded in. Can you turn off all of your modules and reenable them one by one until you see the error again?