Files
iTop/.doc/UI/build/html/generated/Component/Button/Button.html
2021-07-23 10:22:09 +02:00

1264 lines
49 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html class="writer-html5" lang="en" >
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button &mdash; iTop UI 3.0.0 documentation</title>
<link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
<link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
<link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
<!--[if lt IE 9]>
<script src="../../../_static/js/html5shiv.min.js"></script>
<![endif]-->
<script type="text/javascript" id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
<script src="../../../_static/jquery.js"></script>
<script src="../../../_static/underscore.js"></script>
<script src="../../../_static/doctools.js"></script>
<script src="../../../_static/language_data.js"></script>
<script type="text/javascript" src="../../../_static/js/theme.js"></script>
<link rel="index" title="Index" href="../../../genindex.html" />
<link rel="search" title="Search" href="../../../search.html" />
<link rel="next" title="ButtonGroup" href="../ButtonGroup/ButtonGroup.html" />
<link rel="prev" title="Alert" href="../Alert/Alert.html" />
</head>
<body class="wy-body-for-nav">
<div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side">
<div class="wy-side-scroll">
<div class="wy-side-nav-search" >
<a href="../../../index.html" class="icon icon-home" alt="Documentation Home"> iTop UI
<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
</a>
<div role="search">
<form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" />
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
</div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
<p class="caption"><span class="caption-text">Twig Base:</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
</ul>
<p class="caption"><span class="caption-text">Tags reference:</span></p>
<ul class="current">
<li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
<li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
<li class="toctree-l2 current"><a class="current reference internal" href="#">Button</a><ul>
<li class="toctree-l3"><a class="reference internal" href="#output">Output</a></li>
<li class="toctree-l3"><a class="reference internal" href="#twig-tag">Twig Tag</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#button-neutral">Button Neutral</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-forprimaryaction">Button ForPrimaryAction</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-forsecondaryaction">Button ForSecondaryAction</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-forpositiveaction">Button ForPositiveAction</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-fordestructiveaction">Button ForDestructiveAction</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-alternativeneutral">Button AlternativeNeutral</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-foralternativeprimaryaction">Button ForAlternativePrimaryAction</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-foralternativesecondaryaction">Button ForAlternativeSecondaryAction</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-foralternativevalidationaction">Button ForAlternativeValidationAction</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-foralternativedestructiveaction">Button ForAlternativeDestructiveAction</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-forcancel">Button ForCancel</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-iconaction">Button IconAction</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-linkneutral">Button LinkNeutral</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-iconlink">Button IconLink</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-destructiveiconlink">Button DestructiveIconLink</a></li>
<li class="toctree-l4"><a class="reference internal" href="#button-common-parameters">Button common parameters</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="#examples">Examples</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../ButtonGroup/ButtonGroup.html">ButtonGroup</a></li>
<li class="toctree-l2"><a class="reference internal" href="../CollapsibleSection/CollapsibleSection.html">CollapsibleSection</a></li>
<li class="toctree-l2"><a class="reference internal" href="../DataTable/DataTable.html">DataTable</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Field/Field.html">Field</a></li>
<li class="toctree-l2"><a class="reference internal" href="../FieldBadge/FieldBadge.html">FieldBadge</a></li>
<li class="toctree-l2"><a class="reference internal" href="../FieldSet/FieldSet.html">FieldSet</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Form/Form.html">Form</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Input/FileSelect/FileSelect.html">FileSelect</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Input/Input.html">Input</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Input/Select/Select.html">Select</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Input/Select/SelectOption.html">SelectOption</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Panel/Panel.html">Panel</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Spinner/Spinner.html">Spinner</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Title/Title.html">Title</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Toolbar/Toolbar.html">Toolbar</a></li>
<li class="toctree-l2"><a class="reference internal" href="../Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../../Layout/Layout.html">UI Layouts</a></li>
</ul>
</div>
</div>
</nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" aria-label="top navigation">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="../../../index.html">iTop UI</a>
</nav>
<div class="wy-nav-content">
<div class="rst-content">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs">
<li><a href="../../../index.html" class="icon icon-home"></a> &raquo;</li>
<li><a href="../Component.html">UI Components</a> &raquo;</li>
<li>Button</li>
<li class="wy-breadcrumbs-aside">
<a href="../../../_sources/generated/Component/Button/Button.rst.txt" rel="nofollow"> View page source</a>
</li>
</ul>
<hr/>
</div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div itemprop="articleBody">
<div class="section" id="button">
<span id="id1"></span><h1>Button<a class="headerlink" href="#button" title="Permalink to this headline"></a></h1>
<p>Class Button</p>
<hr class="docutils" />
<div class="section" id="output">
<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
<dl class="field-list simple">
<dt class="field-odd">Example Buttons</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<img alt="../../../_images/Button-all.png" src="../../../_images/Button-all.png" />
</div>
<hr class="docutils" />
<div class="section" id="twig-tag">
<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
<dl class="field-list simple">
<dt class="field-odd">Tag</dt>
<dd class="field-odd"><p><strong>UIButton</strong></p>
</dd>
<dt class="field-even">Syntax</dt>
<dd class="field-even"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">Type</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 38%" />
<col style="width: 62%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p><a class="reference internal" href="#buttonneutral"><span class="std std-ref">Neutral</span></a></p></td>
<td><p>Make a basis Button component for any purpose</p></td>
</tr>
<tr class="row-even"><td><p><a class="reference internal" href="#buttonforprimaryaction"><span class="std std-ref">ForPrimaryAction</span></a></p></td>
<td><p>Make a Button component for a primary action, should be used to tell the user this is the main choice</p></td>
</tr>
<tr class="row-odd"><td><p><a class="reference internal" href="#buttonforsecondaryaction"><span class="std std-ref">ForSecondaryAction</span></a></p></td>
<td><p>Make a Button component for a secondary action, should be used to tell the user this is an second hand choice</p></td>
</tr>
<tr class="row-even"><td><p><a class="reference internal" href="#buttonforpositiveaction"><span class="std std-ref">ForPositiveAction</span></a></p></td>
<td><p>Make a Button component for a success action, should be used to tell the user he/she going to make a positive action/choice</p></td>
</tr>
<tr class="row-odd"><td><p><a class="reference internal" href="#buttonfordestructiveaction"><span class="std std-ref">ForDestructiveAction</span></a></p></td>
<td><p>Make a Button component for a destructive action, should be used to tell the user he/she going to make something that cannot be</p></td>
</tr>
<tr class="row-even"><td><p><a class="reference internal" href="#buttonalternativeneutral"><span class="std std-ref">AlternativeNeutral</span></a></p></td>
<td><p>Make a basis Button component for any purpose</p></td>
</tr>
<tr class="row-odd"><td><p><a class="reference internal" href="#buttonforalternativeprimaryaction"><span class="std std-ref">ForAlternativePrimaryAction</span></a></p></td>
<td><p>Make a Button component for an alternative primary action, should be used to avoid the user to consider this action as the first</p></td>
</tr>
<tr class="row-even"><td><p><a class="reference internal" href="#buttonforalternativesecondaryaction"><span class="std std-ref">ForAlternativeSecondaryAction</span></a></p></td>
<td><p>Make a Button component for an alternative secondary action, should be used to avoid the user to focus on this</p></td>
</tr>
<tr class="row-odd"><td><p><a class="reference internal" href="#buttonforalternativevalidationaction"><span class="std std-ref">ForAlternativeValidationAction</span></a></p></td>
<td><p>Make a Button component for a validation action, should be used to avoid the user to focus on this</p></td>
</tr>
<tr class="row-even"><td><p><a class="reference internal" href="#buttonforalternativedestructiveaction"><span class="std std-ref">ForAlternativeDestructiveAction</span></a></p></td>
<td><p>Make a Button component for a destructive action, should be used to avoid the user to focus on this</p></td>
</tr>
<tr class="row-odd"><td><p><a class="reference internal" href="#buttonforcancel"><span class="std std-ref">ForCancel</span></a></p></td>
<td><p>Make a Button component for a cancel, should be used only for UI navigation, not destructive action</p></td>
</tr>
<tr class="row-even"><td><p><a class="reference internal" href="#buttoniconaction"><span class="std std-ref">IconAction</span></a></p></td>
<td><p>&#64;param string $sIconClasses</p></td>
</tr>
<tr class="row-odd"><td><p><a class="reference internal" href="#buttonlinkneutral"><span class="std std-ref">LinkNeutral</span></a></p></td>
<td><p>Make a link Button component to open an URL instead of triggering a form action</p></td>
</tr>
<tr class="row-even"><td><p><a class="reference internal" href="#buttoniconlink"><span class="std std-ref">IconLink</span></a></p></td>
<td><p>&#64;param string $sIconClasses</p></td>
</tr>
<tr class="row-odd"><td><p><a class="reference internal" href="#buttondestructiveiconlink"><span class="std std-ref">DestructiveIconLink</span></a></p></td>
<td><p>&#64;param string $sIconClasses</p></td>
</tr>
</tbody>
</table>
<div class="section" id="button-neutral">
<span id="buttonneutral"></span><h3>Button Neutral<a class="headerlink" href="#button-neutral" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">N</span><span class="nv">eutral</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 13%" />
<col style="width: 13%" />
<col style="width: 18%" />
<col style="width: 10%" />
<col style="width: 46%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See <a class="reference external" href="mailto:{&#37;&#52;&#48;link">{<span>&#64;</span>link</a> Button::$sName}</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-forprimaryaction">
<span id="buttonforprimaryaction"></span><h3>Button ForPrimaryAction<a class="headerlink" href="#button-forprimaryaction" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orPrimaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 19%" />
<col style="width: 12%" />
<col style="width: 36%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-forsecondaryaction">
<span id="buttonforsecondaryaction"></span><h3>Button ForSecondaryAction<a class="headerlink" href="#button-forsecondaryaction" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orSecondaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 19%" />
<col style="width: 12%" />
<col style="width: 36%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-forpositiveaction">
<span id="buttonforpositiveaction"></span><h3>Button ForPositiveAction<a class="headerlink" href="#button-forpositiveaction" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orPositiveAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 19%" />
<col style="width: 12%" />
<col style="width: 36%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-fordestructiveaction">
<span id="buttonfordestructiveaction"></span><h3>Button ForDestructiveAction<a class="headerlink" href="#button-fordestructiveaction" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orDestructiveAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 19%" />
<col style="width: 12%" />
<col style="width: 36%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-alternativeneutral">
<span id="buttonalternativeneutral"></span><h3>Button AlternativeNeutral<a class="headerlink" href="#button-alternativeneutral" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">A</span><span class="nv">lternativeNeutral</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 19%" />
<col style="width: 12%" />
<col style="width: 36%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-foralternativeprimaryaction">
<span id="buttonforalternativeprimaryaction"></span><h3>Button ForAlternativePrimaryAction<a class="headerlink" href="#button-foralternativeprimaryaction" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orAlternativePrimaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 19%" />
<col style="width: 12%" />
<col style="width: 36%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-foralternativesecondaryaction">
<span id="buttonforalternativesecondaryaction"></span><h3>Button ForAlternativeSecondaryAction<a class="headerlink" href="#button-foralternativesecondaryaction" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orAlternativeSecondaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 19%" />
<col style="width: 12%" />
<col style="width: 36%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-foralternativevalidationaction">
<span id="buttonforalternativevalidationaction"></span><h3>Button ForAlternativeValidationAction<a class="headerlink" href="#button-foralternativevalidationaction" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orAlternativeValidationAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 19%" />
<col style="width: 12%" />
<col style="width: 36%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-foralternativedestructiveaction">
<span id="buttonforalternativedestructiveaction"></span><h3>Button ForAlternativeDestructiveAction<a class="headerlink" href="#button-foralternativedestructiveaction" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orAlternativeDestructiveAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 19%" />
<col style="width: 12%" />
<col style="width: 36%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-forcancel">
<span id="buttonforcancel"></span><h3>Button ForCancel<a class="headerlink" href="#button-forcancel" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orCancel</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 19%" />
<col style="width: 14%" />
<col style="width: 18%" />
<col style="width: 12%" />
<col style="width: 37%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sName</p></td>
</tr>
<tr class="row-odd"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td><p>See Button::$sValue</p></td>
</tr>
<tr class="row-even"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td><p>See Button::$sType</p></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-iconaction">
<span id="buttoniconaction"></span><h3>Button IconAction<a class="headerlink" href="#button-iconaction" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">I</span><span class="nv">conAction</span> <span class="o">{</span><span class="nv">sIconClasses</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTooltipText</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 33%" />
<col style="width: 19%" />
<col style="width: 26%" />
<col style="width: 17%" />
<col style="width: 5%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sIconClasses</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sTooltipText</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p></p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sValue</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>bIsSubmit</p></td>
<td><p>bool</p></td>
<td><p>optional</p></td>
<td><p>false</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-linkneutral">
<span id="buttonlinkneutral"></span><h3>Button LinkNeutral<a class="headerlink" href="#button-linkneutral" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">L</span><span class="nv">inkNeutral</span> <span class="o">{</span><span class="nv">sURL</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sIconClasses</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTarget</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 34%" />
<col style="width: 20%" />
<col style="width: 27%" />
<col style="width: 15%" />
<col style="width: 5%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sURL</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sLabel</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p></p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>sIconClasses</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sTarget</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-iconlink">
<span id="buttoniconlink"></span><h3>Button IconLink<a class="headerlink" href="#button-iconlink" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">I</span><span class="nv">conLink</span> <span class="o">{</span><span class="nv">sIconClasses</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTooltipText</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sURL</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTarget</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 34%" />
<col style="width: 20%" />
<col style="width: 27%" />
<col style="width: 15%" />
<col style="width: 5%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sIconClasses</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sTooltipText</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>sURL</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p></p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sTarget</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-destructiveiconlink">
<span id="buttondestructiveiconlink"></span><h3>Button DestructiveIconLink<a class="headerlink" href="#button-destructiveiconlink" title="Permalink to this headline"></a></h3>
<dl class="field-list simple">
<dt class="field-odd">syntax</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">D</span><span class="nv">estructiveIconLink</span> <span class="o">{</span><span class="nv">sIconClasses</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTooltipText</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sURL</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTarget</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<dl class="field-list simple">
<dt class="field-odd">parameters</dt>
<dd class="field-odd"><p></p></dd>
</dl>
<table class="docutils align-default">
<colgroup>
<col style="width: 34%" />
<col style="width: 20%" />
<col style="width: 27%" />
<col style="width: 15%" />
<col style="width: 5%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>sIconClasses</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sTooltipText</p></td>
<td><p>string</p></td>
<td><p>mandatory</p></td>
<td></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>sURL</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sName</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>sTarget</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>sId</p></td>
<td><p>string</p></td>
<td><p>optional</p></td>
<td><p>NULL</p></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="button-common-parameters">
<h3>Button common parameters<a class="headerlink" href="#button-common-parameters" title="Permalink to this headline"></a></h3>
<table class="docutils align-default">
<colgroup>
<col style="width: 30%" />
<col style="width: 8%" />
<col style="width: 62%" />
</colgroup>
<tbody>
<tr class="row-odd"><td><p>ActionType</p></td>
<td><p>string</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>AddCSSClass</p></td>
<td><p>string</p></td>
<td><p>CSS class to add to the generated html block</p></td>
</tr>
<tr class="row-odd"><td><p>AddCSSClasses</p></td>
<td><p>array</p></td>
<td><p>like &lt;code&gt;[ibo-is-hidden, ibo-alertbody]&lt;/code&gt;</p></td>
</tr>
<tr class="row-even"><td><p>AddCssFileRelPath</p></td>
<td><p>string</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>AddHtml</p></td>
<td><p>string</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
<td><p>string</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
<td><p>array</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
<td><p>array</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>CSSClasses</p></td>
<td><p>array</p></td>
<td><p>like &lt;code&gt;[ibo-is-hidden, ibo-alertbody]&lt;/code&gt;</p></td>
</tr>
<tr class="row-even"><td><p>Color</p></td>
<td><p>string</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>DataAttributes</p></td>
<td><p>array</p></td>
<td><p>Array of data attributes in the format [name =&gt; value]</p></td>
</tr>
<tr class="row-even"><td><p>IconClass</p></td>
<td><p>string</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>IsDisabled</p></td>
<td><p>bool</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>IsHidden</p></td>
<td><p>bool</p></td>
<td><p>Indicates if the block is hidden by default</p></td>
</tr>
<tr class="row-odd"><td><p>JsCode</p></td>
<td><p>string</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>Label</p></td>
<td><p>string</p></td>
<td></td>
</tr>
<tr class="row-odd"><td><p>OnClickJsCode</p></td>
<td><p>string</p></td>
<td></td>
</tr>
<tr class="row-even"><td><p>Tooltip</p></td>
<td><p>string</p></td>
<td></td>
</tr>
</tbody>
</table>
<hr class="docutils" />
</div>
</div>
<div class="section" id="examples">
<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
<p>No examples provided yet</p>
</div>
</div>
</div>
</div>
<footer>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../ButtonGroup/ButtonGroup.html" class="btn btn-neutral float-right" title="ButtonGroup" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right"></span></a>
<a href="../Alert/Alert.html" class="btn btn-neutral float-left" title="Alert" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left"></span> Previous</a>
</div>
<hr/>
<div role="contentinfo">
<p>
&copy; Copyright 2021, Combodo
</p>
</div>
Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a
<a href="https://github.com/rtfd/sphinx_rtd_theme">theme</a>
provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer>
</div>
</div>
</section>
</div>
<script type="text/javascript">
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true);
});
</script>
</body>
</html>