Can AngularDart and Zurb Foundation work together? - dart

I want to use AngularDart and CSS framework, more specifically Zurb Foundation, for responsive applications. I do not want to use Bootstrap (for some reason).
Can AngularDart and Zurb Foundation work out of the box? What are the workarounds, if any?

In Angular.dart you can declare if you want to create components with or without shadowDOM. Existing CSS frameworks usually won't work with shadowDOM. As long as you set useShadowDom to false for your components you are fine.

angular.dart and angularjs works with HTML.
You can use any CSS framework you want, Bootstrap or Zurb Foundation.
You might need to be careful when using javascript plugins because angular need to know about the state of elements.

Related

Best way to include Bootstrap in a AngularDart app

I’m creating a web app with AngularDart 5 and Dart SDK 2.0.0-dev.65.0. What is the best way to include Bootstrap in my web app?
Thanks!
There really isn't anything that will stop you from using bootstrap and angular together.
You can link the CSS, and the necessary JS files in your index.html file and they won't conflict as far as I know.
Now there is going to be a lot of overlap between dart:html, and jQuery. Also bootstrap is going to be in the global namespace so it may conflict with CSS styles if you are using other libraries.
Just use the html structure and classes as normal in the angular components. You can use them anywhere because they are in the global namespace.
If you need your dart code to interact with the JS code you can use package:js.

How to integrate 2 themes in 1 rails app

I have a rails app, and I want to create the Admin interface but I DON'T want to use ActiveAdmin gem.
We are using Zurb Foundation, and I want to use this bootstrap admin theme.
I have two questions:
Is it possible to use 2 different skins themes in a rails app? So for example I want to render a different theme for all the routes with the namespace /admin. If possible, how to do this?
If the above is possible would it have issues since the main theme is on Zurb Foundation and the admin theme is on Bootstrap?
It would require two layouts, each would point to it's own css. The frameworks won't overlap and should work fine.

Bootstrap + SASS: Is there a way to include "just the stuff you need"?

Is there a way to not include wells or sliders or any other UI components that I won't be using in my pages? Would it be possible to be able to add those UI components later?
Customized Bootstrap styles are already compiled to css, so if you want to use sass I recommend not using this tool.
There is a Bootstrap sass version. Download it, go to vendor/assets/stylesheets/bootstrap and open bootstrap.scss file. Here are the sass partials, if you don't want to use any of these you can comment it to prevent from being imported. If in addition you want to remove a partial file you can do it but remember that also you should remove it from bootstrap.scss
You can customize your Bootstrap here: http://getbootstrap.com/customize/

jquery-ui datepicker and Datepicker for Bootstrap from twwiter

what is the different between jquery-ui datepicker and Datepicker for Bootstrap from twitter
What options give?
Who better to use?
I prefer Datepicker for Bootstrap from twwiter because of the way how to choose the year and month, are there things I lose?
The Twitter Bootstrap Datepicker is actually an extension of the original plugin by Stefan Petre. He has gone back to rework the styles which include default classes right out of the Twitter Bootstrap stylesheet. The plugin homepage features a lot of unique demos which are simply stunning. They look nicer using the typical Bootstrap interface designs.
So basically Bootstrap Datepicker has a better look by adding the interface design of the bootstrap.
Please read this article for further clarification

Which JavaScript framework would be better to be used for Rails?

I have been using jQuery for all my projects in PHP, Java etc. but now since I am starting up with Rails, I am bit confused about whether to stick with jQuery or use Prototype. Since Rails by default supports Prototype, is there any added advantage in using Prototype? Would it be fine if I use jQuery? Which JavaScript framework do you guys normally use?
jQuery will now be the default javascript framework in new version of rails. jQuery is best without any doubt.
Prototype came first but jQuery won the JavaScript framework wars. Rails 3 ships with jQuery by default, not Prototype. Use jQuery—it's pretty much the industry standard now.
Rails 3 is framework agnostic, just use whatever you prefer. I use Jquery.

Resources