<turbo-stream action="remove" target="search-server-down-message"></turbo-stream><turbo-stream action="replace" target="search-results-page-"><template><div id="search-results-page-1" class="search-results-page">
    <ul class="screensteps-found-lessons" data-search-results-logger-url-value="https://lessons.livecode.com/search_queries">
    <li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="wnzRq9bCtXJmM6QETsnN3IjR4c6ydhyF--n5SzuEwyaP91NlNk--u5R0BBWmEk2zugjS4Ht3mw==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="161.31116">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="a4zx47yfqlyqhjdc1boh3xmhnour20tu"><title id="a4zx47yfqlyqhjdc1boh3xmhnour20tu">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/4071/l/58764-how-do-i-display-a-table-in-a-field">How do I display a table in a field?</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Apr 08, 2024</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#LiveCodeLessons">LiveCode Lessons</a>
                <a data-action="search-result#sendBeacon" href="/m/4071">How To - Step-By-Step Guides To Tasks In LiveCode</a>
                <a data-action="search-result#sendBeacon" href="/m/4071/c/16760">Working with Text</a>
              <a data-action="search-result#sendBeacon" href="/m/4071/l/58764-how-do-i-display-a-table-in-a-field">How do I display a table in a field?</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">5.5</span>
          <span class="screensteps-article-tag">field</span>
          <span class="screensteps-article-tag">indent</span>
          <span class="screensteps-article-tag">padding</span>
          <span class="screensteps-article-tag">Table</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">LiveCode's field features allow you to embed simple tables directly into your text fields and alter their appearance. This lesson applies to LiveCode 5.5 and later.
The sample stack
Create a new...</div>
</div>

</li><li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="MLU86iw3tarDdL2RupnmafzxlAqRjM+tmw==--m2O4xTw/95FpxU6b--rMa+wzRIwTLehu48dcABnw==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="122.06561">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="acc1hltktq21yxej1ft0ajwo17o7wd1y"><title id="acc1hltktq21yxej1ft0ajwo17o7wd1y">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/4603/l/565738-using-fields">Using Fields</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Jun 07, 2024</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#GettingStartedWithLivecode">Getting Started with LiveCode</a>
                <a data-action="search-result#sendBeacon" href="/m/4603">Getting Started with LiveCode Development</a>
                <a data-action="search-result#sendBeacon" href="/m/4603/c/19192">LiveCode Objects</a>
              <a data-action="search-result#sendBeacon" href="/m/4603/l/565738-using-fields">Using Fields</a>
            </div>
        </li>
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#GettingStartedWithLivecode">Getting Started with LiveCode</a>
                <a data-action="search-result#sendBeacon" href="/m/2571">Get Up and Running with LiveCode</a>
                <a data-action="search-result#sendBeacon" href="/m/2571/c/19184">LiveCode Objects</a>
              <a data-action="search-result#sendBeacon" href="/m/2571/l/44142-using-fields">Using Fields</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">fields</span>
          <span class="screensteps-article-tag">Getting Started</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">This tutorial describes how to use the different types of LiveCode fields to enter and display text.
Introduction
Fields allow you to display text in your application. You can also use fields to...</div>
</div>

</li><li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="7ldar2mWMeDJnmkjzo+dCruSDIRX5xM=--h+Nx+UOId6UpO5aD--koo2C5PcOiKUVnkoQRMQqA==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="108.74677">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="as876l8bmuy83syzshb243dzcmyxdek7"><title id="as876l8bmuy83syzshb243dzcmyxdek7">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7335-how-do-i-open-a-table-cell-for-editing">How Do I Open a Table Cell For Editing?</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Mar 08, 2024</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#DataGrid">Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid">LiveCode Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid/c/2433">Using The Built-In Field Editor</a>
              <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7335-how-do-i-open-a-table-cell-for-editing">How Do I Open a Table Cell For Editing?</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">Data Grid</span>
          <span class="screensteps-article-tag">Table</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">By default a table cell can be edited if the user double-clicks on the cell. This tutorial explains what goes on in the default column behavior so you can customize behavior if you would like....</div>
</div>

</li><li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="Un3D21F4kPfUJAfPyzj7ZV2PtQalGWQ=--OqybygJDEEbMp3hp--rCQd0oNjhQ5qniAUhEG58w==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="96.95736">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="ac0doq0q5wqcjmihh9d15krlm40e6ro"><title id="ac0doq0q5wqcjmihh9d15krlm40e6ro">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7303-how-do-i-create-my-first-data-grid-table">How Do I Create My First Data Grid Table?</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Jun 04, 2024</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#DataGrid">Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid">LiveCode Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid/c/2428">Introduction</a>
              <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7303-how-do-i-create-my-first-data-grid-table">How Do I Create My First Data Grid Table?</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">Data Grid</span>
          <span class="screensteps-article-tag">Table</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">This lesson will show you how to create a bare bones data grid table. Data grid tables are useful when you need to display rows of data in structured columns.
Locate Data Grid on Tools Palette ...</div>
</div>

</li><li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="Qk+0PwMAnPtGLMTu65lPzEA0UJKLAmE=--TVguQIqPeQmQiFp6--FiS+U2OS7T3hYjn9+Ozz8g==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="96.32686">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="aeiy4nc3m3rswguq4b4urzusauxwkrgy"><title id="aeiy4nc3m3rswguq4b4urzusauxwkrgy">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/4071/l/7539-how-do-i-display-tab-delimited-text-in-a-table-field">How do I Display Tab Delimited Text in a <mark>Table Field</mark>?</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Apr 05, 2024</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#LiveCodeLessons">LiveCode Lessons</a>
                <a data-action="search-result#sendBeacon" href="/m/4071">How To - Step-By-Step Guides To Tasks In LiveCode</a>
                <a data-action="search-result#sendBeacon" href="/m/4071/c/16760">Working with Text</a>
              <a data-action="search-result#sendBeacon" href="/m/4071/l/7539-how-do-i-display-tab-delimited-text-in-a-table-field">How do I Display Tab Delimited Text in a Table Field?</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">tabStops</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">This lesson will show you how to display tab delimited text in a LiveCode table field.
What We Will Work With
On the left is a stack window with a button for selecting a text file (1) and a field...</div>
</div>

</li><li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="ftoKoGZ7ZF66My3Cux+iKzkTpzKe/tc=--b7RrKsaWMm9io3i5--GwUbQKdCs5+es00zkvfpBQ==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="92.28532">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="ah29qk8uidg7xu486vj24atdvab6xi6l"><title id="ah29qk8uidg7xu486vj24atdvab6xi6l">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7311-how-do-i-customize-a-table-s-columns">How Do I Customize A Table's Columns?</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Feb 16, 2018</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#DataGrid">Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid">LiveCode Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid/c/2429">Data Grid Fundamentals</a>
              <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7311-how-do-i-customize-a-table-s-columns">How Do I Customize A Table&#39;s Columns?</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">Data Grid</span>
          <span class="screensteps-article-tag">Table</span>
          <span class="screensteps-article-tag">Templates</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">A column template is nothing more than a LiveCode control that is named after a column in your table. This control is located in the row template group for your data grid. This lesson will discuss...</div>
</div>

</li><li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="JzJGy/cs91jHYIuW6Jeklc6DINsWwrs=--Glr5/RZGImzw6zA/--CSGxyq0576Vdpc1GGu68pw==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="91.64416">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="a9a4fae396btexulnvpgbjo3j9km74yq"><title id="a9a4fae396btexulnvpgbjo3j9km74yq">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7329-how-do-i-display-line-numbers-in-a-table">How Do I Display Line Numbers in a Table?</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Mar 07, 2024</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#DataGrid">Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid">LiveCode Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid/c/2431">Working With Data Grid Tables</a>
              <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7329-how-do-i-display-line-numbers-in-a-table">How Do I Display Line Numbers in a Table?</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">Data Grid</span>
          <span class="screensteps-article-tag">Table</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">This lesson will show you how to dynamically display line numbers in your data grid table.
The Table
Here is the table that I will display line numbers in.
Add Line Number Column
Select the data...</div>
</div>

</li><li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="bYvYz8jiq5cA4xR1F1j4MHbJT462Ibw=--T4dbpbHNj3vtcbCK--eEJfEZ8PnZpMm2b9vyc8Zg==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="88.630104">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="a6fzloqe58tfax5gvnkoiskgj498tm91"><title id="a6fzloqe58tfax5gvnkoiskgj498tm91">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/4071/l/7810-how-do-i-display-an-array-in-a-table-field">How do I display an array in a <mark>table field</mark>?</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Apr 12, 2024</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#LiveCodeLessons">LiveCode Lessons</a>
                <a data-action="search-result#sendBeacon" href="/m/4071">How To - Step-By-Step Guides To Tasks In LiveCode</a>
                <a data-action="search-result#sendBeacon" href="/m/4071/c/16765">LiveCode Arrays</a>
              <a data-action="search-result#sendBeacon" href="/m/4071/l/7810-how-do-i-display-an-array-in-a-table-field">How do I display an array in a table field?</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">array</span>
          <span class="screensteps-article-tag">combine</span>
          <span class="screensteps-article-tag">sort</span>
          <span class="screensteps-article-tag">text</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">Arrays are not plain text and cannot be displayed in a field without some extra work first.
This lesson shows how to use the "combine" command to convert data from an array to text....</div>
</div>

</li><li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="FzuTMVf8zolbhhyNgx2TOgtH1Fa3ol0=--8N3UlPD6245U4x3E--ILIWNbsgt0NAtCn8TxD9yg==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="88.459335">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="aqvl27j7oykoabov32ui0nf8ls116ezk"><title id="aqvl27j7oykoabov32ui0nf8ls116ezk">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7332-how-can-i-colorize-individual-lines-in-a-table">How Can I Colorize Individual Lines in a Table?</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Mar 07, 2024</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#DataGrid">Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid">LiveCode Data Grid</a>
                <a data-action="search-result#sendBeacon" href="/m/datagrid/c/2431">Working With Data Grid Tables</a>
              <a data-action="search-result#sendBeacon" href="/m/datagrid/l/7332-how-can-i-colorize-individual-lines-in-a-table">How Can I Colorize Individual Lines in a Table?</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">Data Grid</span>
          <span class="screensteps-article-tag">Table</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">This lesson will show you how to change the color of individual lines in a Data Grid table. Before you being this lesson you will need to read the lesson How Do I Override the Default Behavior for...</div>
</div>

</li><li class="screensteps-lesson screensteps-search-result screensteps--search-result--article" data-controller="search-result" data-search-result-ref-value="vjsHTrlSod0OSZM1oEZmkOBEeKx5Tpqu--qBBcNZE7uyYnJEuO--mwDP4j9+uvTGud8pv9IL/g==">
  <header class="lesson-list-header screensteps-search-results-header">
  <h2 class="lesson-title screensteps-search-result-title" data-score="85.43342">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="svg-ico" role="img" aria-labelledby="a1wytaropih53s96sz4fbuo1twua7ew9"><title id="a1wytaropih53s96sz4fbuo1twua7ew9">article</title><path d="M1.9 1.9v16.2c0 .6.5 1.2 1.2 1.2h13.9c.6 0 1.2-.5 1.2-1.2v-12.2c0-.3-.2-.8-.4-1l-3.8-3.8c-.2-.2-.7-.4-1-.4h-10c-.6 0-1.1.5-1.1 1.2zm2.3 15.1v-14h7v4.1c0 .3.3.6.6.6h4.1v9.3h-11.7z"></path></svg>
    <a data-action="search-result#sendBeacon" href="/m/4071/l/25735-detecting-changes-in-a-field">Detecting changes in a field</a>
</h2>  <div class="screensteps-lesson-details">
    <div class="posted-at">
      <p>Updated on: Apr 16, 2024</p>
    </div>
    <ul class="child-results">
        <li>
            <div class="manual-info">
                <a data-action="search-result#sendBeacon" href="/#LiveCodeLessons">LiveCode Lessons</a>
                <a data-action="search-result#sendBeacon" href="/m/4071">How To - Step-By-Step Guides To Tasks In LiveCode</a>
                <a data-action="search-result#sendBeacon" href="/m/4071/c/16759">Creating User Interfaces</a>
              <a data-action="search-result#sendBeacon" href="/m/4071/l/25735-detecting-changes-in-a-field">Detecting changes in a field</a>
            </div>
        </li>
    </ul>

      <div class="screensteps-article-tags">
          <span class="screensteps-article-tag">dragDrop</span>
          <span class="screensteps-article-tag">dragEnd</span>
          <span class="screensteps-article-tag">field</span>
          <span class="screensteps-article-tag">keyUp</span>
          <span class="screensteps-article-tag">rawKeyUp</span>
          <span class="screensteps-article-tag">send</span>
      </div>
  </div>
</header>
<div class="description">
      <div class="search_results search-result">It might on occasion be useful to detect when the content of &nbsp;a field changes. In this lesson we will see how to detect changes in a field by intercepting and handling messages.
How can you change...</div>
</div>

</li>
</ul>
    <form id="search-results-page-2" data-turbo-stream="true" action="/searches" accept-charset="UTF-8" method="get">
    <input type="hidden" name="text" id="text" value="Table Field" />
    <input type="hidden" name="page" id="page" value="2" />
  <button class="block ss-button ss-button--outline m-y--sm">More Results</button>
</form>
</div>
</template></turbo-stream><turbo-stream action="after" target="search-results-page-"><template><script>
//<![CDATA[
document.getElementById("search-results-page-").firstElementChild.scrollIntoView({ behavior: "smooth" });
//]]>
</script></template></turbo-stream>