search

olbers / iui

Automatically exported from code.google.com/p/iui
MIT License
0 stars 0 forks source link

New Feature - Image Toggle Swtich #181

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
There is no standard (diff-format) patch file, as this only adds new things
to the iUI, no source code is changed in any of the file, only new files
are added.

New Files:
/iPhone.htm - Example of the CSS's result on a web page.
/iPhone-ToggleSwich.psd - So other's may expand on this work & add colors.
/resouces/styles/iPhone.css - CSS file called by iPhone.htm
/resouces/images/buttonToggleOn.png - The on side of the Toggle Switch.
/resouces/images/buttonToggleOff.png - The off side of the Toggle Switch.

New CSS Selectors:
button.toggle - HTML Element 'button' with Class 'toggle' applied. Defines
the standard properties of the toggle button.
button.toggle.[on|off] - HTML Element 'button' with the classes 'toggle'
and 'on' or 'off' applied. Defines the background image that should be used.
button.toggle.[on|off].[orange|white|blue] - HTML Element 'button' with the
classes 'toggle', 'on' or 'off' and 'orange', 'white' or 'blue' applied.
Defines where in the background image we should get for the correct color
to be displayed.

/!\ It should be noted that while you can define a HTML's button element's
class as 'toggle' and then 'on' or 'off' will result in displaying an
orange toggle switch. This should NOT be used as a short hand way of
referring to that color button as this may not stay the same in future
versions. It's more likely that I will change it to the default to blue and
move the orange, as it's a special case inside of the iPhone (only being
used in Airport Mode's button Toggle Switch), down to the bottom of the
image files. /!\

Original issue reported on code.google.com by Dyg...@gmail.com on 21 Sep 2009 at 8:23

Attachments:

GoogleCodeExporter commented 9 years ago 
Thanks for the submission, but we are definitely planning on moving the iUI 
toggle switch in a different direction.  We're trying to avoid images as much 
as possible and we want to animate the movement of the thumb, just like on iOS.

Original comment by msgilli...@gmail.com on 19 Jan 2012 at 5:21