<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://c4engine.com/wiki/index.php?action=history&amp;feed=atom&amp;title=Widgets</id>
	<title>Widgets - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://c4engine.com/wiki/index.php?action=history&amp;feed=atom&amp;title=Widgets"/>
	<link rel="alternate" type="text/html" href="https://c4engine.com/wiki/index.php?title=Widgets&amp;action=history"/>
	<updated>2026-05-04T18:09:02Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.40.0</generator>
	<entry>
		<id>https://c4engine.com/wiki/index.php?title=Widgets&amp;diff=494&amp;oldid=prev</id>
		<title>Eric Lengyel at 12:40, 15 July 2023</title>
		<link rel="alternate" type="text/html" href="https://c4engine.com/wiki/index.php?title=Widgets&amp;diff=494&amp;oldid=prev"/>
		<updated>2023-07-15T12:40:30Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 12:40, 15 July 2023&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l40&quot;&gt;Line 40:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 40:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|-&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|-&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Tableimage|[[Image:widget_multipane.png]]|[[Multipane Widget|'''Multipane Box''']]. This widget displays a multipane box.}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Tableimage|[[Image:widget_multipane.png]]|[[Multipane Widget|'''Multipane Box''']]. This widget displays a multipane box.}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;|-&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;{{Tableimage|[[Image:widget_picture.png]]|[[Picture Widget|'''Picture''']]. This widget displays a vector picture.}}&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|-&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|-&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Tableimage|[[Image:widget_viewport.png]]|[[Ortho Viewport Widget|'''Ortho Viewport''']]. This widget displays a viewport with an orthographic camera.}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Tableimage|[[Image:widget_viewport.png]]|[[Ortho Viewport Widget|'''Ortho Viewport''']]. This widget displays a viewport with an orthographic camera.}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l48&quot;&gt;Line 48:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 46:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|-&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|-&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Tableimage|[[Image:widget_password.png]]|[[Password Widget|'''Password''']]. This widget displays a password entry box that obscures the text entered into it.}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Tableimage|[[Image:widget_password.png]]|[[Password Widget|'''Password''']]. This widget displays a password entry box that obscures the text entered into it.}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;|-&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;{{Tableimage|[[Image:widget_picture.png]]|[[Picture Widget|'''Picture''']]. This widget displays a vector picture.}}&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|-&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|-&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Tableimage|[[Image:widget_popupmenu.png]]|[[Popup Menu Widget|'''Popup Menu''']]. This widget displays a popup menu.}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Tableimage|[[Image:widget_popupmenu.png]]|[[Popup Menu Widget|'''Popup Menu''']]. This widget displays a popup menu.}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Eric Lengyel</name></author>
	</entry>
	<entry>
		<id>https://c4engine.com/wiki/index.php?title=Widgets&amp;diff=481&amp;oldid=prev</id>
		<title>Eric Lengyel: Created page with &quot;A '''widget''' is an individual component of a window, panel, or any kind of interface displayed to the user. There are many different types of widgets defined by the C4 Engine, and these are described in the table below. Applications can also define their own custom widget types.  Click on the name of a widget for information about the specific settings for that type of widget.   {| style=&quot;border: solid 1px #444; border-spacing: 0px; border-collapse: collapse;&quot; {{Tableh...&quot;</title>
		<link rel="alternate" type="text/html" href="https://c4engine.com/wiki/index.php?title=Widgets&amp;diff=481&amp;oldid=prev"/>
		<updated>2023-07-15T12:31:44Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;A &amp;#039;&amp;#039;&amp;#039;widget&amp;#039;&amp;#039;&amp;#039; is an individual component of a window, panel, or any kind of interface displayed to the user. There are many different types of widgets defined by the C4 Engine, and these are described in the table below. Applications can also define their own custom widget types.  Click on the name of a widget for information about the specific settings for that type of widget.   {| style=&amp;quot;border: solid 1px #444; border-spacing: 0px; border-collapse: collapse;&amp;quot; {{Tableh...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;A '''widget''' is an individual component of a window, panel, or any kind of interface displayed to the user. There are many different types of widgets defined by the C4 Engine, and these are described in the table below. Applications can also define their own custom widget types.&lt;br /&gt;
&lt;br /&gt;
Click on the name of a widget for information about the specific settings for that type of widget.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;border: solid 1px #444; border-spacing: 0px; border-collapse: collapse;&amp;quot;&lt;br /&gt;
{{Tablehead|Widget|Description}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_border.png]]|[[Border Widget|'''Border''']]. This widget displays a one-pixel-wide rectangular border.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_camera.png]]|[[Camera Widget|'''Camera''']]. This widget displays a remote camera view in the world being played. (Only available for in-game panel effects.)}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_check.png]]|[[Check Widget|'''Check Box''']]. This widget displays a check box that can be in the checked state or unchecked state.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_color.png]]|[[Color Widget|'''Color Box''']]. This widget displays a color selection box that displays a color picker dialog when clicked.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_config.png]]|[[Configuration Widget|'''Configuration Table''']]. This widget displays a configuration table that is used to show property settings to the user.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_edittext.png]]|[[Edit Text Widget|'''Editable Text Box''']]. This widget displays an editable text box that allows a single line or multiple lines of text entry.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_viewport.png]]|[[Frustum Viewport Widget|'''Frustum Viewport''']]. This widget displays a viewport with a frustum camera.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_hyperlink.png]]|[[Hyperlink Widget|'''Hyperlink''']]. This widget displays a text button with a hyperlink.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_icon.png]]|[[Icon Widget|'''Icon''']]. This widget displays a vector icon.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_iconbutton.png]]|[[Icon Button Widget|'''Icon Button''']]. This widget displays a button with a vector icon.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_image.png]]|[[Image Widget|'''Image''']]. This widget displays a plain texture image.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_imagebutton.png]]|[[Image Button Widget|'''Image Button''']]. This widget displays a button with a texture image.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_line.png]]|[[Line Widget|'''Line''']]. This widget displays a one-pixel-wide line that can be solid, dotted, or dashed.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_list.png]]|[[List Widget|'''List''']]. This widget displays a list box with a scroll bar.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_menubar.png]]|[[Menu Bar Widget|'''Menu Bar''']]. This widget displays a menu bar that allows the user to choose commands from pull-down menus.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_movie.png]]|[[Movie Widget|'''Movie''']]. This widget plays a movie resource.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_multipane.png]]|[[Multipane Widget|'''Multipane Box''']]. This widget displays a multipane box.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_picture.png]]|[[Picture Widget|'''Picture''']]. This widget displays a vector picture.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_viewport.png]]|[[Ortho Viewport Widget|'''Ortho Viewport''']]. This widget displays a viewport with an orthographic camera.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_paint.png]]|[[Paint Widget|'''Paint''']]. This widget displays an interactive painting canvas.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_password.png]]|[[Password Widget|'''Password''']]. This widget displays a password entry box that obscures the text entered into it.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_popupmenu.png]]|[[Popup Menu Widget|'''Popup Menu''']]. This widget displays a popup menu.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_progress.png]]|[[Progress Widget|'''Progress Bar''']]. This widget displays a progress bar.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_pushbutton.png]]|[[Push Button Widget|'''Push Button''']]. This widget displays a button with a text string.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_quad.png]]|[[Quad Widget|'''Quad''']]. This widget displays a plain colored quad.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_radio.png]]|[[Radio Widget|'''Radio Button''']]. This widget displays a radio button that can be in the selected or unselected state.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_scroll.png]]|[[Scroll Widget|'''Scroll Bar''']]. This widget displays a scroll bar.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_slider.png]]|[[Slider Widget|'''Slider''']]. This widget displays a slider.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_stroke.png]]|[[Stroke Widget|'''Stroke''']]. This widget displays a vector line with optional cap styles and dashing.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_list.png]]|[[Table Widget|'''Table''']]. This widget displays a table with a fixed number of columns in a box with a scroll bar.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_text.png]]|[[Text Widget|'''Text''']]. This widget displays a plain text string.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_textbutton.png]]|[[Text Button Widget|'''Text Button''']]. This widget displays a clickable text string.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_list.png]]|[[Tree Widget|'''Tree''']]. This widget displays a list box with a scroll bar, and the items can have collapsable subtrees.}}&lt;br /&gt;
|-&lt;br /&gt;
{{Tableimage|[[Image:widget_viewport.png]]|[[World Viewport Widget|'''World Viewport''']]. This widget renders a complete world inside a frustum viewport, and the it provides camera orbit functionality.}}&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== See Also ==&lt;br /&gt;
&lt;br /&gt;
* [[Panel Editor]]&lt;br /&gt;
* [[Sprockets]]&lt;br /&gt;
* [[Functions]]&lt;br /&gt;
* [http://c4engine.com/docs/InterfaceMgr/Widget_tree.html Widget class hierarchy]&lt;br /&gt;
&lt;br /&gt;
[[Category:Interface]]&lt;/div&gt;</summary>
		<author><name>Eric Lengyel</name></author>
	</entry>
</feed>