GWT - css class names - css

since some time I have the problem that all my css class names are obfuscated (like div.O0NPTOB-q-k) when I look at them with e.g. Firebug. This is ok for production use but not when running in dev mode (with code server).
Could anybody give me a hint how to disable that?
Thanks.

Sure, use :
<set-configuration-property name="CssResource.style" value="pretty"/>
in your ***.gwt.xml

Related

css class '.when' shows error on netbeans IDE

I am using netbeans 8.0.2 for coding. In css, I have used a class name 'when' and that class is showing error in editor. But it works in browser. Anybody have some idea?
Because your IDE expects that when is a function of less, an then your syntax would be wrong. If you don't use less, or everything works just fine for you, ignore the warning and/or change the inspection settings.
If you use less, here are some examples of using when:
http://lesscss.org/features/#mixins-feature-guarded-namespaces
http://lesscss.org/features/#mixins-feature-loops-feature
http://lesscss.org/features/#mixins-feature-mixin-guards-feature
http://lesscss.org/features/#css-guards-feature
http://lesscss.org/features/#detached-rulesets-feature-property-variable-accessors
You can help to improve NetBeans by reporting similar issues in their bug tracking system. I have already reported this problem here:
https://issues.apache.org/jira/browse/NETBEANS-1216

Google Chrome Developer Tools not showing css filename next to css

It's a bug of google chrome or there are some guidelines which i should stick to, to return that feature?
Thank you.
UPDATED
Issue was caused by prefixfree.
There are multiple cases,
1. You are using less CSS files.
2. The CSS class is on same page.
3. Class is generated by a plugin
I was facing the save problem, but my case it happened because of a old local folder map in the Sources tab.

CKEditor removing inline CSS

It might sound like a duplicate of a lot of questions, but what differs in this is that I am building a mail body in CKEditor where I must apply inline-css as I don't have class in the user's mailbox.
I am applying inline-css but that is removed automatically by CKEditor. Any solution or suggestion for this?
You might not have configured the allowed content.
see: http://docs.ckeditor.com/#!/api/CKEDITOR.feature-property-allowedContent

When debugging an ASP.NET MVC app, how can I get my changes to Site.css to show up?

I'm debugging on my development machine and when I make changes to the css file, they don't show up and I can't figure out why. I'm using firebug and inspecting the css and the changes are not there. I've tried clear private data and building the project first then running it but nothing seems to work.
Thanks.
Use CTL+F5 to force a full refresh -- it will force the browser to ignore anything cached.
It's probably caching your css file. Either modify your setting in the browser to stop caching, or add a unique identifier to the css file like Site.css?d=011509.

How can I modify a CSS file programmatically?

I have a legacy application that I needed to implement a configuration page for to change text colors, fonts, etc.
This applications output is also replicated with a PHP web application, where the fonts, colors, etc. are configured in a style sheet.
I've not worked with CSS previously.
Is there a programatic way to modify the CSS and save it without resorting to string parsing or regex?
The application is VB6, but I could write a .net tool that would do the css manipulation if that was the only way.
You don't need to edit the existing one. You could have a new one that overrides the other -- you include this one after the other in your HTML. That's what the "Cascading" means.
It looks like someone's already done a VB.NET CSS parser which is F/OSS, so you could probably adapt it to your needs if you're comfortable with the license.
http://vbcssparser.sourceforge.net/
One hack is to create a PHP script that all output is passed through, which then replaces certain parts of CSS with configurable alternatives. If you use .htaccess you can make all output go through the script.
the best way i can think of solving this problem is creating an application that will get some values ( through the URL query ) and generate the appropriate css output based on a css templates
Check this out, it uses ASP.NET and C#.
In my work with the IE control (shadocvw.dll), it has an interesting ability to let you easily manage the CSS of a page and show the effects of modified CSS on a page in realtime. I've never dealt with the details of such implementations myself, but I recommend that as a possible solution worth looking at. Seeing as pretty much everyone is on IE 6 or later nowadays, you can skip the explanations about handling those who only have IE 5,4,3 or 2 installed.
Maybe the problem's solution, which is most simple for the programmer and a user is to edit css via html form, maybe. I suppose, to create css-file, which would be "default" or "standart" for this application, and just to read it, for example, by perl script, edit in html and to write it down. Here is just the simple example.
In css-file we have string like:
border-color: #008a77;
we have to to read this string, split it up, and send to a file, which will write it down. Get something like this in Perl:
tr/ / /s;
($vari, $value) = split(/:/, _$);
# # While you read file, you can just at the time to put this into html form
echo($vari.":<input type = text name = ".$vari." value = ".$value.">");
And here it is, you've got just simple html-form-data, you just shoul overwrite your css-file with new data like this:
...
print $vari[i].": ".$value.";\n";
...
and voila - you've got programmatical way of changing css. Ofcourse, you have to make it more universal, and more close to your particular problem.
Depending on how technically oriented your CSS editors are going to be, you could do it very simply by loading the whole thing up into a TextEdit field to let them edit it - then write it back to the file.
Parsing and creating an interface for all the possibilities of CSS would be an astronomical pain. :-)

Resources