uxxman/angular-accordion

A simple angular directive for adding accordion UI element

angular-accordion's Issues

would you mind to provide a online demo?

add correct files to bower

You forgot to add your css, which is needed for the workings of your module. Use the following section for main (also in "_bower.json" !) to accomplish that:

"main": [
"css/ang-accordion.css",
"js/js/ang-accordion.js"
],

Ability to disable an accordion pane

Would be great to add the ability to prevent an accordion from being clickable (ie. depending on the state of the app). Possibly add styling to indicate it is disabled.

Any chance you can do this or look at a P.R?

make angular-accordion available for easy bower download

Hello,
using bower for dependency management I currently have to use something like

"ang-accordion": "git://github.com/sherwaniusman/angular-accordion.git"

It would be nice if you could start tagging your versions, so I could use

"ang-accordion": "1.0.0"

instead.
In addition it might be necessary to change the name in your bower.json to "ang-accordion" as this is where http://bower.io/search/ finds your great package.

Regards, Martin

Does not work in certain condition on mobile

Hello, and thank you for this code. I greatly appreciate it. I'm teaching myself AngularJS and am using it to rebuild a website, and found your library to duplicate what I was doing with jQuery-UI on the old website. I have found a problem, though, and since I'm a noob, I'm not sure how to fix it.

I have the site up at a temporary location right now. I have one page (fpcdev.azurewebsites.net/about) that did have two separate accordions, but when viewed on mobile, the top accordion did not function. I changed it all to be in one accordion, but with that, none of it works on mobile. I can duplicate this in a desktop browser by making the browser narrow. It seems to be at the point where the bootstrap class changes from "col-md-8 col-md-offset-2" to "col-xs-12" where the problem occurs. If I remove the col-xs-12 from the class of the div, the accordion works properly.

Do you have any suggestions for me? I greatly appreciate it.

Html content in collapsible is not clickable (Identified by: Marius Gratte)

Z-index issue in css.

Add angAccordion to Bower

Would be nice to be able to include this in a bower workflow.

Controller 'angAccordion', required by directive 'collapsibleItem', can't be found!

I am using the accordion on a dashboard:

<table class="table grey-background" ng-hide="newSurveyFromTemplate"> <thead> <tr><!-- headers --> <th>Select a Template to Use</th> </tr> </thead> <ang-accordion> <tr class="survey-template" ng-repeat="template in templates" id="{{$index}}"> <collapsible-item item-title="{{template.name}}"> <button ng-click="useTemplate(template)">Use</button> <div class="template-question" ng-repeat="q in template.questions"> {{q}} </div> </collapsible-item> </tr> </ang-accordion> </table>

I initially included the library like this:
.module('app',['ngAnimate', "ngSanitize", "mgcrea.ngStrap", 'angular-google-analytics', 'ngCookies', 'ngclipboard', 'ng.deviceDetector', 'angAccordion'])

Any idea why it can't find the controller?

Unable to use initally-open while getting title from the ng-repeat

when i tried to use the initially-open="true" while using ng-repeat to get the data for the itemTitle.It opens all the elements instead of the only one element

NPM install

Using the NPM repository pulls in a 0KB js file

close-icon-url and open-icon-url in ang-accordion not working

Controlling the accordion programmatically in JavaScript

Hi,

I'd like to control the accordion programmatically with something like:

HTML:

JS:
vm.angAccordion.isOpenned = false;

Is there something I'm missing that allows for this already?

Not working for nested accordions

Change the height of .accordion-title move the title name outside the box.

Please provide a way so that we can customize my collapsible style. I need to change the height of collapsible and it makes my title outside the collapsible.

Allow returning value when requiring/importing the lib

Would be nice if we could use the lib as is:

import angAccordion from 'ang-accordion';

angular.module('myApp', [angAccordion]);

instead of the current:

import 'ang-accordion';

angular.module('myApp', ['angAccordion']);

If you are ok with this, I'll be happy to make a PR. 👍

Thanks for your library.

Need option for removing tooltip

In my app the tabs tooltips are not needed. Could we make the tooltips an optional feature?

Thanks.

Cannot find the files …

<script type="text/javascript" src="../js/ang-accordion.js"></script>

Issue with initially-open attribute

Even if the value in initially-open is false, it opens up the collapsible-item.

Different icons for each collapsible-item.

I need put different icons for each collapsible-item. Do you have any idea as i make this? Currently it's possible?

adding icon to title header

is there any way to add any icon to the title ?

How do I set the background color for the collapsable items?

ng-model for input text box not working

i have input type="text " inside collapsible-item. it doens bind to ng-model .
outside collapsible-item the text box is working perfectly .