Files
iTop/.doc/UI/build/html/generated/Component/Field/Field.html
2021-09-28 16:29:12 +02:00

602 lines
23 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-html4" lang="en" >
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Field &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 id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
<script type="text/javascript" src="../../../_static/jquery.js"></script>
<script type="text/javascript" src="../../../_static/underscore.js"></script>
<script type="text/javascript" src="../../../_static/doctools.js"></script>
<script type="text/javascript" src="../../../_static/language_data.js"></script>
<script 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="FieldBadge" href="../FieldBadge/FieldBadge.html" />
<link rel="prev" title="DataTable" href="../DataTable/DataTable.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"> 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="Navigation menu">
<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"><a class="reference internal" href="../Button/Button.html">Button</a></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 current"><a class="current reference internal" href="#">Field</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="#field-fromparams">Field FromParams</a></li>
<li class="toctree-l4"><a class="reference internal" href="#field-fromobject">Field FromObject</a></li>
<li class="toctree-l4"><a class="reference internal" href="#field-large">Field Large</a></li>
<li class="toctree-l4"><a class="reference internal" href="#field-small">Field Small</a></li>
<li class="toctree-l4"><a class="reference internal" href="#field-standard">Field Standard</a></li>
<li class="toctree-l4"><a class="reference internal" href="#field-common-parameters">Field 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="../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="Mobile navigation menu" >
<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="Page 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>Field</li>
<li class="wy-breadcrumbs-aside">
<a href="../../../_sources/generated/Component/Field/Field.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="field">
<span id="id1"></span><h1>Field<a class="headerlink" href="#field" title="Permalink to this headline"></a></h1>
<p>Class Field</p>
<hr class="docutils" />
<div class="section" id="output">
<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">Example Fields:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<img alt="../../../_images/Field.png" src="../../../_images/Field.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>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIField</strong></td>
</tr>
<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</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>
<span class="x"> Content Goes Here</span>
<span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<table border="1" class="docutils">
<colgroup>
<col width="76%" />
<col width="24%" />
</colgroup>
<tbody valign="top">
<tr class="row-odd"><td><a class="reference internal" href="#fieldfromparams"><span class="std std-ref">FromParams</span></a></td>
<td>No comment</td>
</tr>
<tr class="row-even"><td><a class="reference internal" href="#fieldfromobject"><span class="std std-ref">FromObject</span></a></td>
<td>No comment</td>
</tr>
<tr class="row-odd"><td><a class="reference internal" href="#fieldlarge"><span class="std std-ref">Large</span></a></td>
<td>No comment</td>
</tr>
<tr class="row-even"><td><a class="reference internal" href="#fieldsmall"><span class="std std-ref">Small</span></a></td>
<td>No comment</td>
</tr>
<tr class="row-odd"><td><a class="reference internal" href="#fieldstandard"><span class="std std-ref">Standard</span></a></td>
<td>No comment</td>
</tr>
</tbody>
</table>
<div class="section" id="field-fromparams">
<span id="fieldfromparams"></span><h3>Field FromParams<a class="headerlink" href="#field-fromparams" title="Permalink to this headline"></a></h3>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">F</span><span class="nv">romParams</span> <span class="o">{</span><span class="nv">aParams</span><span class="o">:</span><span class="nv">value</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
<span class="x"> Content Goes Here</span>
<span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<table border="1" class="docutils">
<colgroup>
<col width="35%" />
<col width="8%" />
<col width="42%" />
<col width="8%" />
<col width="8%" />
</colgroup>
<tbody valign="top">
<tr class="row-odd"><td>aParams</td>
<td>&#160;</td>
<td>mandatory</td>
<td>&#160;</td>
<td>&#160;</td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="field-fromobject">
<span id="fieldfromobject"></span><h3>Field FromObject<a class="headerlink" href="#field-fromobject" title="Permalink to this headline"></a></h3>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">F</span><span class="nv">romObject</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">oInput</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">sLayout</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
<span class="x"> Content Goes Here</span>
<span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<table border="1" class="docutils">
<colgroup>
<col width="24%" />
<col width="24%" />
<col width="30%" />
<col width="16%" />
<col width="5%" />
</colgroup>
<tbody valign="top">
<tr class="row-odd"><td>sLabel</td>
<td>string</td>
<td>mandatory</td>
<td>&#160;</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>oInput</td>
<td>UIBlock</td>
<td>mandatory</td>
<td>&#160;</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>sLayout</td>
<td>string</td>
<td>optional</td>
<td>NULL</td>
<td>&#160;</td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="field-large">
<span id="fieldlarge"></span><h3>Field Large<a class="headerlink" href="#field-large" title="Permalink to this headline"></a></h3>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">L</span><span class="nv">arge</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValueHtml</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
<span class="x"> Content Goes Here</span>
<span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<table border="1" class="docutils">
<colgroup>
<col width="32%" />
<col width="22%" />
<col width="30%" />
<col width="11%" />
<col width="5%" />
</colgroup>
<tbody valign="top">
<tr class="row-odd"><td>sLabel</td>
<td>string</td>
<td>mandatory</td>
<td>&#160;</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>sValueHtml</td>
<td>string</td>
<td>optional</td>
<td></td>
<td>&#160;</td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="field-small">
<span id="fieldsmall"></span><h3>Field Small<a class="headerlink" href="#field-small" title="Permalink to this headline"></a></h3>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">S</span><span class="nv">mall</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValueHtml</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
<span class="x"> Content Goes Here</span>
<span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<table border="1" class="docutils">
<colgroup>
<col width="32%" />
<col width="22%" />
<col width="30%" />
<col width="11%" />
<col width="5%" />
</colgroup>
<tbody valign="top">
<tr class="row-odd"><td>sLabel</td>
<td>string</td>
<td>mandatory</td>
<td>&#160;</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>sValueHtml</td>
<td>string</td>
<td>optional</td>
<td></td>
<td>&#160;</td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="field-standard">
<span id="fieldstandard"></span><h3>Field Standard<a class="headerlink" href="#field-standard" title="Permalink to this headline"></a></h3>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sLayout</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>
<span class="x"> Content Goes Here</span>
<span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
</tr>
</tbody>
</table>
<table border="1" class="docutils">
<colgroup>
<col width="24%" />
<col width="21%" />
<col width="26%" />
<col width="24%" />
<col width="5%" />
</colgroup>
<tbody valign="top">
<tr class="row-odd"><td>sLabel</td>
<td>string</td>
<td>optional</td>
<td></td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>sLayout</td>
<td>string</td>
<td>optional</td>
<td>small</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>sId</td>
<td>string</td>
<td>optional</td>
<td>NULL</td>
<td>&#160;</td>
</tr>
</tbody>
</table>
</div>
<div class="section" id="field-common-parameters">
<h3>Field common parameters<a class="headerlink" href="#field-common-parameters" title="Permalink to this headline"></a></h3>
<table border="1" class="docutils">
<colgroup>
<col width="29%" />
<col width="10%" />
<col width="61%" />
</colgroup>
<tbody valign="top">
<tr class="row-odd"><td>AddCSSClass</td>
<td>string</td>
<td>CSS class to add to the generated html block</td>
</tr>
<tr class="row-even"><td>AddCSSClasses</td>
<td>array</td>
<td>like &lt;code&gt;[ibo-is-hidden, ibo-alertbody]&lt;/code&gt;</td>
</tr>
<tr class="row-odd"><td>AddCssFileRelPath</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>AddDeferredBlock</td>
<td>iUIBlock</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>AddHtml</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>AddJsFileRelPath</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
<td>array</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
<td>array</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>AddSubBlock</td>
<td>iUIBlock</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>AttCode</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>AttLabel</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>AttType</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>CSSClasses</td>
<td>array</td>
<td>like &lt;code&gt;[ibo-is-hidden, ibo-alertbody]&lt;/code&gt;</td>
</tr>
<tr class="row-even"><td>Comments</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>DataAttributes</td>
<td>array</td>
<td>Array of data attributes in the format [name =&gt; value]</td>
</tr>
<tr class="row-even"><td>DeferredBlocks</td>
<td>array</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>InputId</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>InputType</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>IsHidden</td>
<td>bool</td>
<td>Indicates if the block is hidden by default</td>
</tr>
<tr class="row-even"><td>IsMandatory</td>
<td>bool</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>IsReadOnly</td>
<td>bool</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>IsSlave</td>
<td>bool</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>Label</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>Layout</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>MustChange</td>
<td>bool</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>MustPrompt</td>
<td>bool</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>SubBlocks</td>
<td>array</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>Value</td>
<td>UIBlock</td>
<td>&#160;</td>
</tr>
<tr class="row-odd"><td>ValueId</td>
<td>string</td>
<td>&#160;</td>
</tr>
<tr class="row-even"><td>ValueRaw</td>
<td>string</td>
<td>&#160;</td>
</tr>
</tbody>
</table>
<hr class="docutils" />
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">Related Tag:</th><td class="field-body"><a class="reference internal" href="../FieldSet/FieldSet.html#fieldset"><span class="std std-ref">FieldSet</span></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="docutils" />
<div class="section" id="examples">
<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
<p>Example to generate a Field</p>
<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">S</span><span class="nv">mall</span> <span class="o">{</span><span class="nv">sLabel</span><span class="o">:</span> <span class="s2">&quot;Product&quot;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
<span class="x"> iTop</span>
<span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
</pre></div>
</div>
<p>The result:</p>
<img alt="../../../_images/Field.png" src="../../../_images/Field.png" />
</div>
</div>
</div>
</div>
<footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
<a href="../DataTable/DataTable.html" class="btn btn-neutral float-left" title="DataTable" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
<a href="../FieldBadge/FieldBadge.html" class="btn btn-neutral float-right" title="FieldBadge" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
</div>
<hr/>
<div role="contentinfo">
<p>&#169; Copyright 2021, Combodo.</p>
</div>
Built with <a href="https://www.sphinx-doc.org/">Sphinx</a> using a
<a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a>
provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer>
</div>
</div>
</section>
</div>
<script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true);
});
</script>
</body>
</html>