aramvisser / bulma-steps Goto Github PK
View Code? Open in Web Editor NEWSteps component for bulma.io
License: MIT License
Steps component for bulma.io
License: MIT License
Hi again,
I had an idea for the steps (not yet implemented in my version but on my todo list), maybe it could interest you: be able to set an autoscroll (for example instead of getting vertical on mobile then keep the horizontal layout but with an x scroll.)
It could be used to fit in a zone (or with max-width / max-height) without changing layout and getting too long.
Regards
Looks like I have everything loaded correctly - but cannot figure out how to set a step or segment to active - all help is appreciated - TIA!
Hey,
At first: Thanks for your good work.
I have a question: I want to show that I am between Step 2 and Step 3. Is it possible to fill the step-bar between these steps only half?
Until now, I only found options filling it completely to the next step…
Thanks again
Currently dividers just barely touch the steps markers. If the divider is big enough, you can actually see a small gap emerge between dividers and markers.
The dividers should instead be positioned underneath the marker, touching the center. This would make the divider touch the marker completely, no matter the size.
On the overview page : https://aramvisser.github.io/bulma-steps/
The first sentence under "Installation" contains an error :
This is an extensions for the Bulma CSS framework.
There is only one extension, which here doesn't take an "S"...
There might be some other errors, but this one appears on the screen at page loading, and it's a really bad feeling...
when none of the steps are applied with is-active
class, all the steps turn into active. defaulting all the steps when no is-active
class is present looks like a better option
I need the component to fill its parent full width, but first and last item are taking its space.
Is it posible to remove the left/right space on this items?
Hi @aramvisser ,
Just to tell you made an amazing job with this extension.
Yours is very complete.
What do you think if we work together to improve the bulma-timeline extension too based on your steps version ? Let me know if you're interesting.
Regards
It would be helpful if a class like is-mobile can be used to force horizontal display of the bar in mobile devices and similarly in other viewports
Hello
The current release 0.5.3 has the main
property in package.json
as index.js
that's why I have to use @import '~bulma-steps-component/bulma-steps.sass'
instead of @import '~bulma-steps-component'
.
The master already has the correct main property, please do a new release.
Hello
I would like all the mandatory fields to be completed before going to the next step. How to do ?
Thanks
Currently there is no other way to use this awesome extension without cloning or downloading it which makes harder to use it as dependency in other projects. If you publish this on npm this would be great, however if you dont want to bother to publish it simply created package.json would help too.
Thanks
Hello,
thanks for the nice bulma extension.
Can you add this repo to bower? I will use it in my new assessment system.
Best regards
Hi @aramvisser ,
I've created lots of extension for bulma and templates too. I alos created https://creativebulma.net marketplace and I'd like to share an opportunity with you. Can you please contact me at [email protected] so I'll be able to give you more details about it.
Regards,
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.