I need mobile UI5 only because of the TileContainer. But including sap.m together with sap.ui.commons breaks the CSS of my good-looking FileUploader (button looses its formatting) and TreeTable (fonts are too big).
Seems like a CSS conflict or overriding. How would you suggest to fix this?
JS Bin sample: http://jsbin.com/faveli/4/edit?html,js,output
you are using the gold reflection theme. It is not maintained any longer.
If you are using bluecrystal it will look better
http://jsbin.com/nozimaxeqi/1/
Best regards,
Tobias
Thank you for the hint, Tobias!
The solution was to change the order of imported libraries:
data-sap-ui-libs='sap.m,sap.ui.commons,sap.ui.table'>
the sap.m should stay before sap.ui.commons
Related
I am new to web development and I am using bootstrap to help with making my website. I want to know the best way to manage my own css files and the bootstrap css. I know I can override bootstrap stylings by dropping my own modifications into the style tag, but I feel like this is definitely the best way to go. Currently I just import two style sheets (mine and bootstrap), but they step on each others toes ALOT.
Thanks in advance
When I use bootstrap, I used to follow these 2 rules:
Be careful in naming the class.
Never use !important in your stylesheet.
I tried to understand how does the WooRank loader (of rank) is working by the CSS?
Take a look on the below shot so you'll understand what im asking for.
While the background of the loader is
this is a wonderful animation that i wanna know how to do myself.
It's not done with CSS. They use Raphaël to build an SVG. You can find the JavaScript code for the generation around line 844 in their JavaScript file.
You might also look at this example, it uses some similar effects.
I'm note sure if there is a practical solution in pure CSS right now. Anybode else got some ideas?
I'm using jquery-ui in my project and its css.
Is there a way to automatically indent and expand the css code in Netbeans? As you probably know it's not very readable and i'd like to make it clearer.
Thanks for the help :)
currently css formatting is not available in Netbeans. I use this online tool to format css http://styleneat.com/ it give very good formatting.
Ok, so Less.js has come along, and it seems that my dreams of creating a CSS framework (especially a 'grid' system), with an 'abstracted' CSS language might be about to come true.
That is, 960 and Blueprint are great and all... but it so irked me to put style information in HTML markup, such as:
class="article grid_4 pull_2"
or whatever the syntax was :)
So, now it seems that we can do it this way:
.article {
.grid_container();
.grid_four();
.pull_two();
.last();
}
Weeeeeee!
So, I'm about to get stuck into developing this for myself -- but I'm sure there are some brainiacs out there that have already done it -- so before I get into any heavy lifting...?
Any leads?
Kindly
Daryl.
This is the CSS framework you're looking for - http://semantic.gs/
The Semantic Grid System - Page layout for tomorrow.
Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.
All without any ugly .grid_x classes in your markup. Oh, and did we mention it's responsive?
Brought to you by LESS.js and the creator of 1KB Grid.
I checked out less , it was a push between that and the new sass (scss) syntax, but what made me choose sass is that it has a way to turn css into scss code.
The round trip was something I definitely wanted. Once that happened, then Compass presented itself. I was going to try using something to code everything in python, but it makes perfect sense to me to preprocess the css, especially since I'd like to use HTML5, and if the spec changes, then I can tweak the generation.
BTW folks, I've started that framework I was talking about.
http://github.com/DarylAntony/lesser
I'm having fun with it.
I would like to know how to remove all comments in CSS file and make all rules into one line.
I do have access to Dreamweaver CS4.
Thank you
http://developer.yahoo.com/yui/compressor/
Here's another one: CSS Compressor
if you can run PHP, you can do it one of these ways. benefit of keeping the code readable for yourself and only on rendering it is minified.
http://www.catswhocode.com/blog/3-ways-to-compress-css-files-using-php
you also have the YUI compressor: http://refresh-sf.com/yui/
also look up the minify project. It combines multiple CSS and JS files and minifies them as well.
YUI compressor does CSS as well as JS.
Google gave me this: CSSCompressor.
See also “CSS Minimzer ?” on StackOverflow.