From 97679c17c304827cb9fa92bd493022e6e38ffa6a Mon Sep 17 00:00:00 2001
From: Hieromon Ikasamo <Hieromon@users.noreply.github.com>
Date: Tue, 28 May 2019 01:41:15 +0900
Subject: [PATCH] Adjusted the width of an input box.

---
 examples/Elements/Elements.ino | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/examples/Elements/Elements.ino b/examples/Elements/Elements.ino
index d2496bc..009e5dd 100644
--- a/examples/Elements/Elements.ino
+++ b/examples/Elements/Elements.ino
@@ -47,6 +47,7 @@ static const char PAGE_ELEMENTS[] PROGMEM = R"(
     {
       "name": "input",
       "type": "ACInput",
+      "lavel": "Text input",
       "placeholder": "This area accepts hostname patterns",
       "pattern": "^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9])\\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\\-]*[A-Za-z0-9])$"
     },
@@ -89,6 +90,11 @@ static const char PAGE_ELEMENTS[] PROGMEM = R"(
       "type": "ACSubmit",
       "value": "Save",
       "uri": "/save"
+    },
+    {
+      "name": "adjust_width",
+      "type": "ACElement",
+      "value": "<script type=\"text/javascript\">window.onload=function(){var t=document.querySelectorAll(\"input[type='text']\");for(i=0;i<t.length;i++){var e=t[i].getAttribute(\"placeholder\");e&&t[i].setAttribute(\"size\",e.length*.8)}};</script>"
     }
   ]
 }