I'm using Angular UI Bootstrap accordion with templates. I'm wanting to know how I can replace the template that's injected by the accordion directive without modifying the UI library itself? Can I override the injection of the template somehow?
Thanks in advance
Sean
I ended up just adding a template after the bootstrap library. From there I was able to do anything I wanted. See this post
Yes you can but you need to override the class that the angular ui library have. In the css files, but not only, you can find a very precise explanation of every class that the accordion uses, if rewrite the class of your interest in another css file, your attribute override the previous one.
Related
AngularJS 1.4.x is used on my current project. I have to implement tabs section on page. Is it ok to use Bootstrap's JS Tab or I should move to AngularJS based solution, for example UI-Bootstrap or custom tab library?
I think it is totally ok to use Bootstrap JS tab, but as usual angular developers are also divided into two camps, one who want to do everything in angular way(like creating directives or use UI-Bootstrap directives/components), even when it is a very small task and another who wants to mix jquery/bootstrap library with angular and choose one or another depending on the need.
Angular-UI, will also use the same bootstrap library, but you will get an angularized wrapper over it.
My suggestion, use whatever you are comfortable with and don't bind yourself to one opinion or another.
I am using Angular-Strap, but at this of my project I need to set up an accordion with some special behavior that only Angular UI accordion does... so, is there any conflict if I set up both libraries on the same project?
Is there a way to do not download the full library and only the directive for the accordion that I need and if so, how?
And new to Angular. Thank you
the Angular-ui project has a Bootstrap module that i am sure if compatible with the rest of angular-ui.
try it out: http://angular-ui.github.io/bootstrap/
this way you do not have to use angular-strap.
I'm using the Views Accordion module. I would like to disable the use of jQuery UI that it uses and use pure CSS instead.
I first cloned the module and did the necessary modifications, but then I read that it is not recommended to edit contributed modules, that it is better to create a new module that modifies their functionality, correct?
In the Views Accordion module there is this line in the views_accordion_style_plugin.inc:
public function pre_render($result) {
drupal_add_library('system', 'ui.accordion');
What would I put on my module to disable adding that ui.accordion library?
Thanks!
That is right, you should never update a contrib module. It is always recommended to create your own module.
Create a new module, with hook_js_alter() implementation, and try to unset jquery ui javascript file if it does exist.
Code sample:
function MODULE_js_alter(&$js) {
if(isset($js['misc/ui/jquery.ui.accordion.min.js']))
unset($js['misc/ui/jquery.ui.accordion.min.js']);
}
I referenced this post: Header issues
Has anyone figured out a way using conditional Angular styling to modify UI-boostrap? Neither ng-class, ngClass, ng-style nor any of the other methods mentioned in this post conditional styling seem to work.
Hoping to use the Bootstrap UI. Should I use a Bootstrap styler or modify the css directly?
Apologies for the newbie question.
I'm looking for a plugin for a modal directive in Angular but there is a requirement not to use the Bootstrap CSS. Angular-UI looks nice but obviously depends on Bootstrap. Any pointers?
In case of Angular-UI you can define your own templates and in case of CSS you can for sure use your own files.
Here are standard templates for modal. The only dependencies on Bootstrap I found are: modal and modal-backdrop so just rename them for your needs or add them to your CSS to get custom styling.
Btw: Angular-UI is modular so you can just use these directives which you really need.
I don't know existing plugin to achieve this without Bootstrap (I use Angular-UI), but you can easily create your own directive using jQuery UI modal.
There are lots of tuto on the internet to create directive for jQuery UI.
I have found a JSFiddle in this Google Group (you have to follow the link in the answer of January 4). User has made a simple directive based on jQuery.
I think it will put you on the right way.