Comments (17)
Ok I found the example html file, should really have this linked on the site... still wondering about the styles, would at least be nice to have bootstrapish styles.
from angular-slider.
I'm in the process of putting together a more complete demo than what's in the example.html file. I'll include some default styles along with it.
from angular-slider.
Great, using the styles from the example I was just running into issues with not being able to click or grab one of the handles...might not have been a style thing, but who knows.
from angular-slider.
Lack of styles would explain why nothing is displaying when I test! README should be updated to explain this (until default styles arrive).
from angular-slider.
Agree with porjo, the lack of styles is confusing and at the least should be indicated.
from angular-slider.
👍
from angular-slider.
Agree. And css in the demo is very ugly.
from angular-slider.
Where is the demo with the css files? I can't find it...
from angular-slider.
Pls add a demo link. Atleast, it gives confidence that this library works.
I tried adding it to jsfiddle: http://jsfiddle.net/kk0td02z/
Seems something is broken.
from angular-slider.
+1 to adding some default styles! I thought the library was broken and was about to drop it! At least add a link to the above JSFiddle/Plunker demos. Thank you for all the hard work on this directive!
from angular-slider.
I agree that there should be a working jsfiddle. Thanks devsathish for posting your attempt.
from angular-slider.
Has anyone developed some basic styles that they're willing to share?
from angular-slider.
Answered my own question ^^^. For those interested there are some styles linked to (potentially duplicative) issue #51
from angular-slider.
still no plan to provide demo and css?
from angular-slider.
bump
from angular-slider.
So, for first we are must set next styles for holder (parent block, or slider ):
position:relative;
display: block;
width:100% (or fixed value)
and for .pointer set width, height, cursor poiner, background
hope i'ts will help
from angular-slider.
Since people are apparently too lazy to click thru to the issue referenced in my comment above... original styles: https://github.com/prajwalkman/angular-slider/blob/master/angular-slider.css
from angular-slider.
Related Issues (20)
- Different styles for the pointers
- Bump angular dep to ~1.3 HOT 4
- function stepBubbles() missing from code HOT 2
- Style selected area of a single know slider HOT 1
- Extra label functionality HOT 4
- bubble.ceiling will not position correctly if parent DOM element uses a CSS transition on width
- low and high knobs coincide
- No Working on mobile HOT 4
- Max difference attribute?
- bind to a input box, cannot change the value HOT 2
- IE11 memory leak HOT 1
- Avoid very slow performance?
- Is this still active?
- Assignable ceil and floor
- Slider knob not moving with keyboard controls
- Where is the demo? HOT 7
- no demo and no CSS files
- Can be used in the 1.4.7 version of the angular
- npm publish ? HOT 1
- slider failed at display elements
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-slider.