I'm using latest version of twitter bootstrap v.3.1.1 (http://getbootstrap.com/) and integrating the same with dataTables (https://datatables.net/blog/Twitter_Bootstrap_2)
The files and versions are as follows:
bootstrap.css - v.3.1.1
bootstrap.min.js - v.3.1.1
jquery.dataTables.js - v.1.9.4
DT_bootstrap.js - Not given
If I use the above file, the pagination, search and sorting are working fine. But the design is shuffled (i.e search box, page numbers etc.. are looking ugly without any style applied).
I can over-come the design issues if I change the bootstrap.css-v.3.1.1 to bootstrap.min.css-v.2.3.2 but my header, footer and other designs are getting collapsed.
When I analyzed both the css i.e. 3.1.1 and 2.3.2 - I came to know that many class files are missing in 3.1.1.
The one such missing class files are .span6(and still there are lot more) from my knowledge.
Now, How to fix the design issue or where shall I find the updated one.
Have anyone came across this issue?
Here a complete example in the official documentation of how to use Datatables with Bootstrap 3 :
https://editor.datatables.net/release/DataTables/extras/Editor/examples/bootstrap.html
Related
currently, I am learning Bootstrap 4 at ASP.NET MVC project (only change index.cshtml, nothing else) in JetBrains Rider and I have some weird problem I can`t deal with.
Every day when I start to write new code in HTML it seems to be okay - dotnet watch run works great, inline styling is okay. But when I change site.css it doesn't see changes, I don't know why. After some time it fixes itself randomly (weird but ok), for example, yesterday I couldn't do anything with CSS until I ran the project in JetBrains Rider, but now it doesn't work. Two days ago it fixed itself when I wasn't using my computer (xD). Do you have any idea what's going on or how to fix it? I didn't find anything interesting on Google
P.S. I updated JetBrains IDE to the latest version but nothing is changed
Its browser-cache related. You should cache bust your css file ( add rand number or guid at the end of your css stylesheet declaration, ex : <link rel="stylesheet" href="style.css?v=3.4.1"> 3.4.1 should be generate randomly. ). Before doing that, you can also clear-cache or hard reload your page and you should see your changes.
Take a look at : https://css-tricks.com/strategies-for-cache-busting-css/
I have below scenario:
css/abc.css - myCss{prop1: val}
css_new/abc.css - myCss{prop1: newVal}
I cannot update css/abc.css. Hence, css_new/abc.css is introduced. Both these files will be used parallely in prod at least till the time complete migration is done.
All of the old code use style from css folder. The new code refers to css_new folder. My concerns are:
1. Will there be any caching at browser level.
2. Are there possibilities of my old code referring to the new css class defined in css_new.
I want to make sure there are no regressions in old code because of this change.
Some more background: upgrading UI code to angular. Mainly, image URLs referred from CSS are broken. Many thanks.
I've started working with the omega 4 theme in drupal, switching from omega 3. I've created a subtheme succesfully, and according to the documentation I want to make my own layout. I've copied over the "Simple" layout from omega to my subtheme folder, as well as the required css and sass files. I've renamed all instances of Simple to Grid (my layout name).
That all seems fine, but when I go into my drupal installation, appearance -> settings -> layouts I still only see the four main omega layouts (simple, divine, hero, off canvas). It claims to show any layout from omega or installed subthemes. Why won't my layout show up for selection?
Additionally: Is it possible to use a different layout for the front page than the rest of the site?
I had the same problem myself and it turned out that in MY.layout.inc I forgot to changhe the value
template = simple-layout
with
template = MY-layout
pamatt: BONUS! I was having the same problem. This fixes it.
A little more detail:
If you follow the directions here it's possible you might miss this explicit reference. I'm updating that page now.
Go to your
themename/layouts/layoutname/layoutname.layout.inc
file (of course, substitute "themename" and "layoutname" with the appropriate names) and look for a line that starts with "template" i.e.,
template = simple-layout
change "simple-layout" to your whatever you named your tpl file, minus the ".tpl.php" part.
I'm coming back to this question since after a long absense of coding I came back to it this weekend and had the exact same problem! Above answers are correct.
Another issue I had was that I had to clear the cache from Drupal -> Configuration -> Performance and not just my browser cache. After clearing the cache it showed up.
How can i get classes and id's at html file from css using content assist?
Using:
Eclipse IDE for JavaScript Web Developers.
Version: Indigo Release
Build id: 20110615-060
This seems to be requested in:
bug 302125 - WTP: [content assist] Code assist for ids and classes in CSS, and
bug 290390 - WTP [content assist] Code assist for url's, colors and fonts.
It is not implemented yet, though.
The first bug report points out that is is implemented in Aptana, so you have this editor (Aptana studio, based on Eclipse3.5+ and available as an Eclipse plugin if you want) to consider as an alternative.
I just switched to Flash Builder 4 & Flex 4 SDK, and it seems it's no longer possible to use a .pfm/.pfb font, either by embedding it or using it as a system font.
I keep getting error messages, and Google can't find anybody having the same issue.
I tried several methods:
- copy/pasting the [Embed] statement which was working using Flex 3 SDK
- installing the font and then try to simply call it by its name in a CSS declaration without embedding it ; seems to work for every .ttf and .otf system fonts, but not for .pfm/.pfm ones
- using a Flash-generated swf which embeds the font
So far none of these seems to work.
Has anybody got an idea on how to achieve this?
I actually don't care using a system font without embedding it as long as it works.
I'll be really grateful if somebody could help me on this, I'm totally stuck and cannot use another font instead.
I was getting following errror:
Error: exception during transcoding: Unable to transcode ../path/to/font.pfb
I had to add embedAsCFF=false and it works now!
Have a look into this document.. .
http://blogs.adobe.com/flexdoc/fonts.pdf