Toggle with two labels

[PureSpider]

Refering to #433.

Instead of changing the values for "true" and "false" I'd like to have something like: Hot (o=) Cold So a toggle with labels on both sides. Is this currently possible?

[Fayozjon]

You can try to do it manually using just css for styling text-align

[PureSpider]

I could, sure, but I'd rather have this an ion if more users need it. I don't like custom hacks that break every other release :-1:

[PureSpider]

Essentially thinking about something like this: http://uidetails.com/center-stage/ or even better, this: http://uidetails.com/quick-setting-toggle/

[drewrygh]

The example in the first link looks like it can be done cleanly with CSS. Keep the "labels" and the slider as inline-block elements, with the toggle inline-block element between your two "label" divs. No hacks needed :)

The toggle on the second second link is actually pretty interesting. I think it could play well with ionic's toggle. Ideally, two things would happen if you used ionicons inside a toggle:

• The size of the toggle would need to be changed to be more dynamic, based on the icon size.
• Ionic toggles between solid and white by default. If there was an icon inside, the icon would need to change from solid and white as well. Some kind of fade transition would probably be best. An alternative would be to keep a solid background for this type of toggle. See this codepen for an example. Maybe @bensperry can chime in on this?

[Ionitron]

Greetings @PureSpider!

My sensors indicate that you have created an issue on our tracker that is more asking for usage help than an actual error with Ionic framework.

This Github issue tracker is used to track features, problems, and development of the framework.

If you wish to get help using the framework itself, the recommended place is the forum.

Thank you for allowing me to assist you.