46 lines
2.5 KiB
Plaintext
46 lines
2.5 KiB
Plaintext
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="generator" content="pandoc" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
|
<meta name="author" content="By John Mercouris" />
|
|
<title>Autofills</title>
|
|
<style type="text/css">
|
|
code{white-space: pre-wrap;}
|
|
span.smallcaps{font-variant: small-caps;}
|
|
span.underline{text-decoration: underline;}
|
|
div.column{display: inline-block; vertical-align: top; width: 50%;}
|
|
</style>
|
|
<!--[if lt IE 9]>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1 class="title">Autofills</h1>
|
|
<p class="author">By John Mercouris</p>
|
|
</header>
|
|
<p>Autofills are a feature in Nyxt that allow you to compose and fill in forms as rapidly as possible. Typical autofill functionality includes inputting 'remembered' information such as your username, address or telephone number. This is useful, but can be further expanded.</p>
|
|
<p><img src="../static/image/article/typical-autofill.png" /></p>
|
|
<p>In Nyxt, autofills are dynamic, and context sensitive. In addition to being able to 'remember' data, autofills can also compute data. This is because autofills can be functions.</p>
|
|
<p>An example of a dynamic autofill can be a requirement to fill in the current date on a form. Instead of manually retrieving and copying the date, you can have an autofill automatically input the date in whatever format you wish.</p>
|
|
<p><img src="../static/image/article/nyxt-autofill.png" /></p>
|
|
<p>Beyond simple workflows of inputting a single element, autofills can be used in a more advanced fashion. Imagine that you are working on a customer support ticket. Typically, you have a template for messages:</p>
|
|
<pre id="template" class="language"><code>Dear customer W,
|
|
|
|
We've received your information about problem X, and we are working on
|
|
a solution. We anticipate we'll have more information for you by date
|
|
Y.
|
|
|
|
thank you for continued patience,
|
|
|
|
signed, Z
|
|
</code></pre>
|
|
<p>Instead of writing this information out all the time, you could have an autofill that prompts you for the values of W, X, Y, and Z to automatically compose your customer response messages.</p>
|
|
<p>To find out more about autofills and how to configure them in Nyxt, please see <code>describe-slot</code>, <code>autofills</code>.</p>
|
|
<p>We hope you enjoy using Nyxt's autofills!</p>
|
|
<p>Thanks for reading :-)</p>
|
|
</body>
|
|
</html>
|