blackgate / bg-splitter Goto Github PK

bg-splitter can only split into two panes. This example doesn't work:

it would be nice if somewhere the license was stated.

i patched it by using in the vertical mode:

pane2.elem.css('top', (pos+handler[0].clientHeigth) + 'px');

and in the horizontal mode:

pane2.elem.css('left', (pos+handler[0].clientWidth) + 'px');

Thank to your project, I learned how to write my own splitter directive:
https://github.com/chaosim/splitter

I just made it easier a bit:
a splitter can have multiple panes directly.
no splitter-pane directives is needed.
click to minimize and restore panes.

When will you be making a release/tag for this? As i am trying to add this as a component to http://rails-assets.org but it can not create the component because there are no versions. If you can add a tag to your github repo that would be great. I keep getting: No tag found that was able to satisfy 0.1.0 when I try to convert this on rails-assets.

...so we can see the result before trying it out by hand.

I installed this into my BS3 app with Bower. No JS errors, the sample code appears but is not styled into the panes as in the demo. The CSS is loaded, and shows up in dev tools. But it looks like this:

It says that blackgate doesn't maintain this project.. but let me ask this here anyway... (hopefully someone can answer).

How can I subscribe / receive onresize type event when user moves the splitter?

Hi,

I think the bower.json miss the css in the main property.

There is also an issue after installing with bower. The bower.json is not updated.
The .bower.json generated miss the version.

Regards.

Unless the panes are wrapped in a wrapper div, the directive misbehaves.

.pane-wrapper {
    position: relative;
    border: 1px solid #aaa;
    height: 300px;
  }

When I try to resize the panes, I mouse over the splitter, but don't get a cursor. This works however on Chrome.

I need to use alias to the another pane. But I am unable to access it. I guess this is because of default behavior of transclude.
Please help me with this. Here is my code:
<div> <bg-splitter orientation="horizontal"> <bg-pane min-size="100"> <input ng-model="searchText"></label> <div ng-repeat="taskobj in tasks | filter:searchText as filteredResult track by taskobj.id"> {{ taskobj.name }} </div> </bg-pane> <bg-pane min-size="150"> <div ng-repeat="timelineTask in filteredResult track by timelineTask.id"> {{ timelineTask.details }} </div> </bg-pane> </bg-splitter></div>