Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Changing Widths #341

Closed
jonpond opened this issue Jul 8, 2014 · 12 comments
Closed

Changing Widths #341

jonpond opened this issue Jul 8, 2014 · 12 comments
Assignees
Milestone

Comments

@jonpond
Copy link

jonpond commented Jul 8, 2014

I would like to change the widths of each span and label to allow for more text, while having the ability to change the overall width of bootstrap-switch.

First, I start by changing the width of the spans to auto (line 141 of bootstrap-switch.css). Everything functions correctly at this point. However, I still need to make more changes to get the desired look that I need. When I change the label width (line 185 of bootstrap-switch.css), the behavior to drag the bootstrap-switch-label breaks. In addition, I would like to change the overall width of the bootstrap-switch.

Do you have any recommendations how I can achieve width adjustments without breaking the switch?

@LostCrew
Copy link
Member

@jonpond provide me an example of broken switch and i'll do what i can.

@LostCrew LostCrew self-assigned this Jul 10, 2014
@jonpond
Copy link
Author

jonpond commented Jul 10, 2014

Okay, I e-mailed you an example of the switch before it breaks, as outlined above. Additionally, I attached an image that shows what I'm trying to do. Here are the following things I need to do...change the width of the label (bootstrap-switch-label) to 31px wide. Also, I need the data-on and data-off text be able to grow in length (for translation purposes) without breaking or ruining the visual integrity of the switch. Lastly, the overall width of the switch needs to be 150px.

switch-test

@LostCrew
Copy link
Member

@jonpond i haven't received any email. can you please attach me a jsbin or jsfiddle instead?
though, it seems that everything you want is achievable through playing with CSS. bear in mind that i don't offer direct support on implementation cases like this one, unless it becomes useful to know for other users.

@jonpond
Copy link
Author

jonpond commented Jul 14, 2014

Thanks for your response @LostCrew.
JSFiddle link can be found here: http://jsfiddle.net/mysn4/1/

@jonpond
Copy link
Author

jonpond commented Jul 28, 2014

Hi @LostCrew, any progress on this?

@jrarcher
Copy link

+1

1 similar comment
@Jono20201
Copy link

+1

@LostCrew
Copy link
Member

@jonpond received, thanks.
sorry for the late reply. this is a major change, because a lot of logic that is now under the CSS will have to be moved to the javascript init. i will try to make it happen for version 3.2.0. thanks for understanding.

@profnimrod
Copy link

+1

@LostCrew LostCrew added this to the 3.2.0 milestone Oct 30, 2014
@LostCrew
Copy link
Member

LostCrew commented Nov 5, 2014

done, it is now in develop and will be released with 3.2.0. thanks

@LostCrew LostCrew closed this as completed Nov 5, 2014
@jonpond
Copy link
Author

jonpond commented Nov 5, 2014

Great news, thank you! When do you expect to release 3.2.0?

@LostCrew
Copy link
Member

LostCrew commented Nov 5, 2014

@jonpond 30 minutes ago. 🎱
if there are changes to be made on the fly, i am truly up for pushing out minor versions in the next days.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants