Changes between Initial Version and Version 1 of GUI_-_Radio-button

Timestamp:

Feb 23, 2008, 4:18:59 AM (16 years ago)

Author:

trac

Comment:

--

GUI_-_Radio-button

@@ +1 @@
+{{Template:GUI_Object|radiobutton|[wiki:GUI_-_Properties#buffer_zone buffer_zone], [wiki:GUI_-_Properties#caption caption], [wiki:GUI_-_Properties#cell_id cell_id], [wiki:GUI_-_Properties#checked checked], [wiki:GUI_-_Properties#font font], [wiki:GUI_-_Properties#sprite sprite], [wiki:GUI_-_Properties#sprite_over sprite_over], [wiki:GUI_-_Properties#sprite_pressed sprite_pressed], [wiki:GUI_-_Properties#sprite_disabled sprite_disabled], [wiki:GUI_-_Properties#sprite2 sprite2], [wiki:GUI_-_Properties#sprite2_over sprite2_over], [wiki:GUI_-_Properties#sprite2_pressed sprite2_pressed], [wiki:GUI_-_Properties#sprite2_disabled sprite2_disabled], [wiki:GUI_-_Properties#textcolor textcolor], [wiki:GUI_-_Properties#textcolor_over textcolor_over], [wiki:GUI_-_Properties#textcolor_pressed textcolor_pressed], [wiki:GUI_-_Properties#textcolor_disabled textcolor_disabled], [wiki:GUI_-_Properties#tooltip tooltip], [wiki:GUI_-_Properties#tooltip_style tooltip_style]|none}}
+
+A Radio-button is a control that defines a boolean value, i.e. true or false. It contains a squared sprite and text next to it.
+
+The square itself can have 8 different kinds of sprites (although many are optional): false, false-over, false-pressed and false-disabled, true, true-over, true-pressed, true-disabled ... false and true being ''checked''="true" and ''checked''="false". ''sprite'' represents false, and ''sprite2'' true.
+
+By pressing the Radio-button one can change its value (using the same behaviour as a button); that includes the text too. When a Radio-button is pressed (this is what differentiate it from the [wiki:GUI_-_Check-box Check-box]), and turned to true, all other ''sibling'' Radio-buttons turn false.
+
+[wiki:Image:gui-object-radiobutton.png]
+
+To create a group of Radio-buttons, use preferably an empty <object> tag:
+
+{{{
+  <object>
+          <object type="radiobutton">...</object>
+          <object type="radiobutton">...</object>
+          <object type="radiobutton">...</object>
+  </object>
+}}}
+
+'''''Code of example radiobuttons:'''''
+
+{{{
+  <object>
+          <object type="radiobutton" 
+                  size="20 20 200 40"
+                  sprite="gd-radio-false"
+                  sprite2="gd-radio-true"
+                  square_side="16"
+                  checked="false"
+                  font="verdana12"
+                  textcolor="0 0 0"
+          >Radiobutton
+          </object>
+          
+          <object type="radiobutton" 
+                  size="20 50 200 70"
+                  sprite="gd-radio-false"
+                  sprite2="gd-radio-true"
+                  square_side="16"
+                  checked="true"
+                  font="verdana12"
+                  textcolor="0 0 0"
+          >This is a radiobutton that spans more than just one row.
+          </object>
+  </object>
+}}}