Difference between revisions of "Extensions: INX widgets and parameters"
(difference between Enum and option group) |
(<code><pre></pre></code> -> <pre></pre> (<pre> has code style by default now)) |
||
Line 4: | Line 4: | ||
Use parameter elements to capture user input for further use by a script. The basic structure of the element is: | Use parameter elements to capture user input for further use by a script. The basic structure of the element is: | ||
<pre> | |||
<param name="some_name" type="some_type">default value</param> | <param name="some_name" type="some_type">default value</param> | ||
</pre | </pre> | ||
The default value is the value that is shown in the input control the first time the user opens the dialog window. Inkscape automatically displays the values used last time when the dialog window is opened again. | The default value is the value that is shown in the input control the first time the user opens the dialog window. Inkscape automatically displays the values used last time when the dialog window is opened again. | ||
Line 43: | Line 43: | ||
|Creates a checkbox input to set a '''boolean value'''. Set the default value to <code>true</code> or <code>1</code>, <code>false</code> or <code>0</code>. | |Creates a checkbox input to set a '''boolean value'''. Set the default value to <code>true</code> or <code>1</code>, <code>false</code> or <code>0</code>. | ||
<pre> | |||
<param name="name" type="boolean" gui-text="Some label text">false</param> | <param name="name" type="boolean" gui-text="Some label text">false</param> | ||
</pre | </pre> | ||
|[[File:INX_sample-boolean.png]] | |[[File:INX_sample-boolean.png]] | ||
Line 52: | Line 52: | ||
|Creates a textbox input to enter an '''integer number'''. Limit the input range with the <code>min</code> and <code>max</code> attributes. (Default: <code>min="0"</code> and <code>max="10"</code>) | |Creates a textbox input to enter an '''integer number'''. Limit the input range with the <code>min</code> and <code>max</code> attributes. (Default: <code>min="0"</code> and <code>max="10"</code>) | ||
<pre> | |||
<param name="name" type="int" min="1" max="100" gui-text="Some label text">1</param> | <param name="name" type="int" min="1" max="100" gui-text="Some label text">1</param> | ||
</pre | </pre> | ||
Use the attribute <code>appearance="full"</code> to create a slider with which the integer value can be adjusted dynamically over the full range. | Use the attribute <code>appearance="full"</code> to create a slider with which the integer value can be adjusted dynamically over the full range. | ||
Line 63: | Line 63: | ||
|Creates a textbox input to enter a '''floating point number'''. Limit the input range with the <code>min</code> and <code>max</code> attributes; set the number of decimal places with the <code>precision</code> attribute. (Default: <code>min="0"</code>, <code>max="10"</code> and <code>precision="1"</code>) | |Creates a textbox input to enter a '''floating point number'''. Limit the input range with the <code>min</code> and <code>max</code> attributes; set the number of decimal places with the <code>precision</code> attribute. (Default: <code>min="0"</code>, <code>max="10"</code> and <code>precision="1"</code>) | ||
<pre> | |||
<param name="name" type="float" precision="3" min="0" max="9999" | <param name="name" type="float" precision="3" min="0" max="9999" | ||
gui-text="Some label text">1.234</param> | gui-text="Some label text">1.234</param> | ||
</pre | </pre> | ||
Use the attribute <code>appearance="full"</code> to create a slider with which the floating point value can be adjusted dynamically over the full range. | Use the attribute <code>appearance="full"</code> to create a slider with which the floating point value can be adjusted dynamically over the full range. | ||
Line 75: | Line 75: | ||
|Creates a textbox input to enter a '''character string'''. Limit the number of characters the user is allowed to enter with the <code>max_length</code> attribute. (Default: no limit) | |Creates a textbox input to enter a '''character string'''. Limit the number of characters the user is allowed to enter with the <code>max_length</code> attribute. (Default: no limit) | ||
<pre> | |||
<param name="name" type="string" gui-text="Some text label">Some default text</param> | <param name="name" type="string" gui-text="Some text label">Some default text</param> | ||
</pre | </pre> | ||
|[[File:INX_sample-string.png]] | |[[File:INX_sample-string.png]] | ||
Line 86: | Line 86: | ||
The '''returned value''' for <code>enum</code> type parameters is the value of the <code>value</code> attribute of the selected <code><item></code>. | The '''returned value''' for <code>enum</code> type parameters is the value of the <code>value</code> attribute of the selected <code><item></code>. | ||
<pre> | |||
<param name="name" type="enum" gui-text="Some label text"> | <param name="name" type="enum" gui-text="Some label text"> | ||
<item value="1">First option</item> | <item value="1">First option</item> | ||
<item value="2">Second option</item> | <item value="2">Second option</item> | ||
</param> | </param> | ||
</pre | </pre> | ||
|[[File:INX_sample-enum.png]] | |[[File:INX_sample-enum.png]] | ||
Line 99: | Line 99: | ||
The '''returned value''' for <code>optiongroup</code> type parameters is the value of the <code>value</code> attribute of the selected <code><option></code>. | The '''returned value''' for <code>optiongroup</code> type parameters is the value of the <code>value</code> attribute of the selected <code><option></code>. | ||
<pre> | |||
<param name="name" type="optiongroup" | <param name="name" type="optiongroup" | ||
gui-text="Some label text"> | gui-text="Some label text"> | ||
Line 105: | Line 105: | ||
<option value="2">Second option</option> | <option value="2">Second option</option> | ||
</param> | </param> | ||
</pre | </pre> | ||
Set the attribute <code>appearance="minimal"</code> to display a drop-down list instead of radio buttons.<br> | Set the attribute <code>appearance="minimal"</code> to display a drop-down list instead of radio buttons.<br> | ||
Line 116: | Line 116: | ||
The '''returned value''' is an RGBA-value. | The '''returned value''' is an RGBA-value. | ||
<pre> | |||
<param name="name" type="color"></param> | <param name="name" type="color"></param> | ||
</pre | </pre> | ||
|[[File:INX_sample-color.png]] | |[[File:INX_sample-color.png]] | ||
Line 126: | Line 126: | ||
The '''returned value''' for <code>notebook</code> type parameters is the value of the <code>name</code> attribute of the selected <code><page></code>. | The '''returned value''' for <code>notebook</code> type parameters is the value of the <code>name</code> attribute of the selected <code><page></code>. | ||
<pre> | |||
<param name="name" type="notebook"> | <param name="name" type="notebook"> | ||
<page name="page_1" gui-text="First page"> | <page name="page_1" gui-text="First page"> | ||
Line 135: | Line 135: | ||
</page> | </page> | ||
</param> | </param> | ||
</pre | </pre> | ||
|[[File:INX_sample-notebook.png]] | |[[File:INX_sample-notebook.png]] | ||
Line 142: | Line 142: | ||
|Creates a text element. Specifying the attribute <code>xml:space="preserve"</code> preserves whitespace in the text content of the description and enables multiline text. | |Creates a text element. Specifying the attribute <code>xml:space="preserve"</code> preserves whitespace in the text content of the description and enables multiline text. | ||
<pre> | |||
<param name="name" type="description">Some text here.</param> | <param name="name" type="description">Some text here.</param> | ||
</pre | </pre> | ||
When additionally setting the attribute <code>appearance="header"</code> the text is styled as a heading and can be used as another possibility to group parameters. | When additionally setting the attribute <code>appearance="header"</code> the text is styled as a heading and can be used as another possibility to group parameters. | ||
<pre><param name="name" type="description" appearance="header">Header</param></pre> | |||
All <code>description</code> type parameters are purely informational (they do not return any value). They are intended to be used to provide additional information / help on other parameters (Consider using the <code>gui-description</code> attribute for short help texts that are specific to a single parameter, though). | All <code>description</code> type parameters are purely informational (they do not return any value). They are intended to be used to provide additional information / help on other parameters (Consider using the <code>gui-description</code> attribute for short help texts that are specific to a single parameter, though). |
Revision as of 17:55, 5 June 2016
Here you will find the different parameter elements you may use in your .inx files (Inkscape Extensions)
Introduction
Use parameter elements to capture user input for further use by a script. The basic structure of the element is:
<param name="some_name" type="some_type">default value</param>
The default value is the value that is shown in the input control the first time the user opens the dialog window. Inkscape automatically displays the values used last time when the dialog window is opened again.
Common attributes
Type
The type
attribute determines the type of the parameter (possible values are boolean, int, float, string, enum, optiongroup, color, notebook, description
), see the extensive description of available types below.
Name
The value of the name
attribute is used as an identifier of the parameter. It has to be unique since the value of this attribute is used to save and transmit parameter values internally!
gui-text
Label of the parameter.
To enable translations for this string use the underscore variant (_gui-text
, see localization of parameters below for details).
gui-description
Tooltip of the parameter, which is shown when the user hovers the mouse cursor over the active area of the parameter in question.
To enable translations for this string use the underscore variant (_gui-description
, see localization of parameters below for details).
If the value is set to true
the parameter is hidden from the GUI (default to false).
Available types
Localization of parameters
To mark parameters to be included into the translation files (this is done automatically during the build process) there exist special variants of all relevant attributes and tag names that start with an underscore.
- Labels and tooltips can be marked for translation by simply using the attribute names
_gui-text
and_gui-description
instead of their counterparts without underscore. - For
<item>
s and<option>
s (both of which do not use the attributes just explained) add an underscore to the tag name itself:<_item value="1">Localized item name</_item>
and<_option value="1">Localized option name</_option>
respectively. - Also for
description
type (and only fordescription
type!) parameters an underscore is added to the tag name itself:<_param type="description">Localized text here.</_param>