search

darul75 / angular-awesome-slider

:arrows_clockwise: Angular slider control directive
http://darul75.github.io/angular-awesome-slider/
MIT License
144 stars 63 forks source link

Usage with bootstrap forms? #105

Closed jsinai closed 9 years ago

jsinai commented 9 years ago

Hi, I'd like to drop your slider into my bootstrap form. Currently the font size doesn't match, and the spacing doesn't look good. It would really help if I change the font size, for example?

darul75 commented 9 years ago

Hi, You can add your own css class name with className option. Then just add a rule for both div.jslider-label and div.jslider-value. Tell me if it is fine

jsinai commented 9 years ago

That worked, thanks! For the benefit of other users, here's what I did:

In my controller:

$scope.options = {
    className: 'myslider'
};

In my CSS:

.myslider div.jslider-label { font-size: 12px; }

.myslider div.jslider-value { font-size: 12px; }

Julian

On Thu, May 14, 2015 at 2:14 PM, Julien Valéry notifications@github.com wrote:

Hi, You can add your own css class name with className option. Then just add a rule for both div.jslider-label and div.jslider-value. Tell me if it is fine

— Reply to this email directly or view it on GitHub https://github.com/darul75/angular-awesome-slider/issues/105#issuecomment-102171051 .

darul75 commented 9 years ago

thx for sharing

darul75 commented 9 years ago

do not hesitate put a star in the sky ;)