GithubHelp home page GithubHelp logo

jbruni / bootstrap-bower-jbruni Goto Github PK

View Code? Open in Web Editor NEW
25.0 3.0 13.0 585 KB

A repository to hold bootstrap releases for twitter's bower http://angular-ui.github.com/bootstrap/

JavaScript 100.00%

bootstrap-bower-jbruni's Introduction

popover-template support

Support for templatable popovers (HTML with bindings) at Angular UI Bootstrap 0.11.0

This is a long awaited feature.

While the official implementation is not available, I am using this custom implementation.

Usage: identical to the offical popover; the only difference is - instead of

popover="contents"

do not provide the popover attribute; use popover-template attribute:

popover-template="templateUrl"

0.11.0

Just like the original popover attribute, the popover-template attribute accepts interpolation.

This means you can change the templateUrl at any time.

It will start loading the template as soon as a change in the interpolated attribute value is observed.

Example:

<button popover-placement="bottom" popover-template="{{ myTemplateUrl }}" class="btn btn-default">Bottom</button>

bootstrap-bower-jbruni's People

Contributors

jbruni avatar pkozlowski-opensource avatar proloser avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

bootstrap-bower-jbruni's Issues

Hover keep visible?

For example please see a modified version of the CodePen you did a while ago: http://codepen.io/Siyfion/pen/axgEH

Is there anyway we can get the popover to stay open while the mouse is within the bounds of the tooltip/popover? Or, can we expose a $close() or $hide() method on the internal scope so that the popover doesn't just sit there after the user interacts with it and moves the mouse away?

popover-append-to-body and fade animation seem to not be working

First of all - thank you for making this branch of angular-bootstrap! It has proven to be extremely valuable to my projects. I noticed a couple of small things when using it however. I am not certain if they are due to implementation errors or not, so I am logging this issue to see if anyone else is having the same problem. Specifically:

  • When attempting to use the attribute, "popover-append-to-body" this seems to have no effect. With or without this, the popover appears as a sibling of the element with the "popover-template" attribute applied.
  • Animations do not seem to work. Interestingly, with the default settings (which is to have the fade animation turned on), when opening the popover, it instantly appears, but when closing it, there is a slight delay before closing (without any fade animation).

Some environment information:

  • angular-bootstrap-jbruni v0.11.0
  • AngularJS v1.2.21
  • jQuery v1.11.1 (could this possibly be the culprit?)

Cheers,

Jeff

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.