I'm not currently using twitter bootstrap, but I do like some of the components. Does it make sense to use a few plugins from that framework when I'm not using the rest of the framework? bootstrap-alert.js for example. I'm also not sure how mutually exclusive the plugins are from the rest of the framework. Would i have to load everything to use a couple, in which case it probably would make more sense to look elsewhere for nice popovers etc.
Use the customise section of the website to create a smaller version of the framework with just the components you want to use. I've used a few of their components in conjunction with ExtJS to get the look I wanted. i.e. Buttons, Badges and Alerts.
Customize Twitter Bootstrap
Related
I am new to web development. For my web page development, first i came across JQuery, it was pretty amazing. Then i found a plugin for tables at https://www.datatables.net. That solved most of the data binding, searching and sorting.
But later when i discovered AngularJS for MVC development, I also found Bootstrap to go well with this MVC framework.
The question I have: are there any table pagination for bootstrap (3.3.5 preferably) ? Because i prefer to use AngularJS for binding, filtering and sorting?
//Updated the link.
You can use bootstrap table:-
http://bootstrap-table.wenzhixin.net.cn/
You should look into ui-grid if you are looking for something with similar functionality to datatables (though ui-grid has many more features). UI-Grid can be customized to fit the Bootstrap theme. The relevant section to pagination can be found here.
There's also ui-bootstrap if you are just looking for some pagination components within the bootstrap template that play nice with AngularJS.
Good luck!
you can also use Smart Table ref:-
http://lorenzofox3.github.io/smart-table-website/
I have downloaded a html5 template named Codester. It works on top of Bootstrap 2.
But as of now the current version of Bootstrap is 3. And I am quite familiar with that so I want a method with which I would be able to work in bootstrap 3 but have that template run in bootstrap 2.
Or is there any simple process which will convert that template to bootstrap 3?
You can do this yourself. Download the template, and update it using this information:
http://getbootstrap.com/migration
http://www.bootply.com/bootstrap-3-migration-guide
There are tools that can help:
http://upgrade-bootstrap.bootply.com
http://code.divshot.com/bootstrap3_upgrader
http://twitterbootstrapmigrator.w3masters.nl
But given that you need a template, I don't think this is what you want. It's probably not easy enough, as there are always problems that need a deeper level of knowledge to solve.
Tip: Ask the author of the template! (I cannot find contact details)
The CSS works fine always.
but the jquery code (jquery plugins or custom jquery code) does not work in the ng-view (partials)
its not about few jquery functions for which i can always rewrite jquery code using angular directives. here the major problem is, i am using a lot of jquery plugins, so the whole code contains hundreds of jquery functions, effects, transitions. so i want a practical way to make all this work inside angular ng-view using partials with minimum labor.
what changes are necessary to make such jquery code/plugins work with angular?
what is the best solution?
ps:
is backbone.js better in this respect? is it easier to use jquery plugins with backbone or same problem there also?
Have a look at
https://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/
and
Correct way to integrate jQuery plugins in AngularJS
I would like to create a angularjs widget that can be embedded in third-party websites with minimal code such as
<script src=mywidget.js type=...></script>
<div id="mywidgetContainer"></div>
or similar.
I found some resources such as this article for developing a widget using jquery http://alexmarandon.com/articles/web_widget_jquery/.
How would it be done using Angularjs? In what clever ways can angular features such as directives/views etc. be harnessed to this purpose? What are the gotcha's if any? Your thoughts/suggestions/opinions/experiences, please.
You should also keep in mind the possibility that the 3rd party website also uses angular,
and potentially a different version.
Check Multiple versions of AngularJS in one page
This is what seems to have worked for me. In the script I set the innerHTML property of the Container div to the angular view markup code. The key point is to use angular.$bootstrap to manually bootstrap the app after the page load. I did not see any particular value in creating a directive. A directive would need to be part of the view code that would still need to be assigned to the container using innerHTML.
What are the uses of jquery ui ? and why not use jquery instead ?
I've read about Jquery ui in their official site , however , I'm still confused as to what it can do for me and whether I should study it or not ? I'm an aspiring Website Designer.
jQueryUI comes with many components such as slider-bars, accordions and widgets that you won't find with jQuery. jQuery by itself is simply a Javascript abstraction, allowing you to write agile code for the client-side. jQuery is also a dependency for jQueryUI, so you will need it in order to use the latter library.
It's similar to Twitter Bootstrap in its feasibility.
Here are a few demos for you to look over to demonstrate the difference: http://jqueryui.com/demos/
You don't use one instead of the other.
jQuery UI is dependent on jQuery. jQuery UI offers widgets and effects you can use on your website.
JQuery UI does not replace JQuery, it is an extension of it and relies on it. It provides a few widgets like progress bars or date pickers for instance.