Difference between revisions of "Extensions: INX widgets and parameters"
Line 127: | Line 127: | ||
|Creates a text element. Specifying the attribute <code>xml:space="preserve"</code> preserves whitespace in the text content of the label and enables multiline text. | |Creates a text element. Specifying the attribute <code>xml:space="preserve"</code> preserves whitespace in the text content of the label and enables multiline text. | ||
< | <source lang="xml"> | ||
<label>Some text here.</label> | <label>Some text here.</label> | ||
</ | </source> | ||
''Note: Labels are intended to provide additional information / help. Do label parameters use the <code>gui-text</code> attribute instead; for short help texts that are specific to a single parameter consider using <code>gui-description</code> which will render as a tooltip.'' | ''Note: Labels are intended to provide additional information / help. Do label parameters use the <code>gui-text</code> attribute instead; for short help texts that are specific to a single parameter consider using <code>gui-description</code> which will render as a tooltip.'' | ||
When 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 setting the attribute <code>appearance="header"</code> the text is styled as a heading and can be used as another possibility to group parameters. | ||
< | <source lang="xml"><label appearance="header">Header</label></source> | ||
When setting the attribute <code>appearance="url"</code> the text is rendered as a clickable link. | When setting the attribute <code>appearance="url"</code> the text is rendered as a clickable link. | ||
< | <source lang="xml"><label appearance="url">https://inkscape.org</label></source> | ||
''Note: The text is escaped and used as the link target as-is. Creating a link text that differs from the URL is prevented for security reasons.'' | ''Note: The text is escaped and used as the link target as-is. Creating a link text that differs from the URL is prevented for security reasons.'' | ||
Line 176: | Line 176: | ||
|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>. | ||
< | <source lang="xml"> | ||
<param name="name" type="boolean" gui-text="Some label text">false</param> | <param name="name" type="boolean" gui-text="Some label text">false</param> | ||
</ | </source> | ||
|[[File:INX_sample-boolean.png]] | |[[File:INX_sample-boolean.png]] | ||
Line 186: | Line 186: | ||
The '''returned value''' is an RGBA-value. | The '''returned value''' is an RGBA-value. | ||
< | <source lang="xml"> | ||
<param name="name" type="color"></param> | <param name="name" type="color"></param> | ||
</ | </source> | ||
|[[File:INX_sample-color.png]] [[File:INX color-btn.png]] | |[[File:INX_sample-color.png]] [[File:INX color-btn.png]] | ||
Line 196: | Line 196: | ||
|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. | ||
< | <source lang="xml"> | ||
<param name="name" type="description">Some text here.</param> | <param name="name" type="description">Some text here.</param> | ||
</ | </source> | ||
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. | ||
< | <source lang="xml"><param name="name" type="description" appearance="header">Header</param></source> | ||
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). | ||
Line 213: | Line 213: | ||
|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>) | ||
< | <source lang="xml"> | ||
<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> | ||
</ | </source> | ||
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 225: | Line 225: | ||
|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>) | ||
< | <source lang="xml"> | ||
<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> | ||
</ | </source> | ||
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 237: | Line 237: | ||
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>. | ||
< | <source lang="xml"> | ||
<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 246: | Line 246: | ||
</page> | </page> | ||
</param> | </param> | ||
</ | </source> | ||
|[[File:INX_sample-notebook.png]] | |[[File:INX_sample-notebook.png]] | ||
Line 254: | Line 254: | ||
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>. | ||
< | <source lang="xml"> | ||
<param name="name" type="optiongroup" | <param name="name" type="optiongroup" | ||
gui-text="Some label text"> | gui-text="Some label text"> | ||
Line 260: | Line 260: | ||
<option value="2">Second option</option> | <option value="2">Second option</option> | ||
</param> | </param> | ||
</ | </source> | ||
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 284: | Line 284: | ||
|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) | ||
< | <source lang="xml"> | ||
<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> | ||
</ | </source> | ||
|[[File:INX_sample-string.png]] | |[[File:INX_sample-string.png]] | ||
Line 316: | Line 316: | ||
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. | ||
< | <source lang="xml"> | ||
<param name="name" type="description">Some text here.</param> | <param name="name" type="description">Some text here.</param> | ||
</ | </source> | ||
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. | ||
< | <source lang="xml"><param name="name" type="description" appearance="header">Header</param></source> | ||
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). | ||
Line 337: | Line 337: | ||
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>. | ||
< | <source lang="xml"> | ||
<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> | ||
</ | </source> | ||
|[[File:INX_sample-enum.png]] | |[[File:INX_sample-enum.png]] | ||
Revision as of 17:37, 21 March 2021
This page contains the reference documentation for INX widgets and parameters. Their primary goal is to make it easy to design GUIs for Inkscape Extensions using the built-in INX extension descriptor format, although (invisible) parameters can also be used for extensions that don't need to show a user interface.
Introduction
Extension GUIs consists of an arbitrary number of GUI elements, so-called Widgets. These can be simple text labels, boxes and spacers to control layout or more complex UI elements like images.
A special class of Widgets are Parameters. They differ from other Widgets in that they have a user-settable value, for example a boolean (implemented as checkbox) or integer (implemented as number entry). The value of each Parameter is passed to the extension on execution and can be used to control its behavior.
All Widgets are described using an easy-to-learn XML schema with predefined tags and attributes which are described in detail below.
Available Widgets
A general Widget takes the form
<widget_name attribute1="value1" atribute2="value2" …>value</widget_name>
where widget_name
specifies the name of the widget and is one of the following:
label
hbox
/vbox
separator
/spacer
image
param
(for all Parameter types)
Available Parameter types
A general Parameter takes the form
<param type="parameter_type" attribute1="value1" atribute2="value2" …>value</param >
where parameter_type
specifies the type of the parameter and is one of the following:
bool
int
float
string
path
optiongroup
notebook
color
If a parameter is made invisible (see `gui-hidden` attribute in the Common attributes) it will not be shown in the GUI but it's value is still passed to an extension. This is useful if you want to hardcode parameter value the user should not be able to change. If all parameters (and potential widgets) are invisible, Inkscape will not show a GUI and execute the extension immediately instead, but will still pass the values of the invisible parameters.
Common attributes
For all Widgets | ||||
---|---|---|---|---|
Attribute name | Allowed value(s) | Default value | Required? | Description |
gui-hidden
|
true ,false
|
false
|
optional | If set to true the Widget is hidden from the GUI (primarily used to add hidden parameters that are passed to the extension but are not supposed to be editable by the user.)
Note: If there are no visible parameters defined in a GUI, the extension is executed immediately without showing a dialog. |
indent
|
0,1,2,...
|
0
|
optional | Sets indentation level of the parameter. Increasing indentation adds padding to the start of the line. |
Only for Parameters | ||||
Attribute name | Allowed value(s) | Default value | Required? | Description |
name
|
(text) | - | required | 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! |
type
|
(see above) | - | required | Determines the type of the parameter, see the extensive description of Parameters below. |
gui-text
|
(text) | - | required (visible parameters), optional (hidden parameters + notebook s)
|
Label shown for the parameter in the GUI. |
gui-description
|
(text) | - | optional | Tooltip shown for the parameter when the user hovers the mouse cursor over the active area of the parameter in question. |
Widgets
- TODO
<label [indent="1"] [appearance="header"]>Some text</label>
<label [indent="1"] [appearance="url"]>http://some/url</label>
<image>some/inx/relative/path/to/img.svg</image>
<spacer/>
<separator [indent="1"]/>
<hbox [indent="1"]></hbox>
<vbox [indent="1"]></vbox>
Parameters
Translation of widgets and parameters
Deprecated Functionality
These widgets and parameters have been deprecated and should not be used anymore. Extension authors are encouraged to update their existing extensions wherever possible. Documentation is kept for authors that need to make their extensions backwards-compatible but please be aware that deprecated functionality will be removed eventually and without further notice.
Deprecated localization functionality of parametersdepr. 1.0
To mark parameters to be included into the translation files variants of all relevant attributes and tag names existed that started with an underscore.
While the underscored variants are still accepted for backwards-compatibility, translations are handled differently since Inkscape 1.0, which solved a number of limitations of the prior implementation, while also making the INX specification significantly cleaner. See Translation of widgets and parameters for details.
Editing INX Parameters in 1.0
In this section:
- When an attribute is in square brackets (
[name="value"]
), it means thatname
is optional. - The 1 in
indent="1"
is the indentation level that you want.