{"id":125757,"date":"2022-07-28T17:15:57","date_gmt":"2022-07-28T08:15:57","guid":{"rendered":"https:\/\/support.questetra.com\/tips\/task-form-decoration-202208\/"},"modified":"2025-01-27T12:59:45","modified_gmt":"2025-01-27T03:59:45","slug":"task-form-decoration-202208","status":"publish","type":"page","link":"https:\/\/support.questetra.com\/ja\/tips\/task-form-decoration-202208\/","title":{"rendered":"Task Form Decoration 202208"},"content":{"rendered":"\n

Latest “Task Form Decorations”: https:\/\/support.questetra.com\/category\/deco\/<\/a>
\u6700\u65b0\u306e”\u51e6\u7406\u753b\u9762\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3”: https:\/\/support.questetra.com\/ja\/category\/deco-ja\/<\/a><\/p>\n\n\n

Task Form Decoration 202208 \/ \u51e6\u7406\u30d5\u30a9\u30fc\u30e0\u753b\u9762\uff08\u30bf\u30b9\u30afForm\uff09\u306e\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3 202208<\/div>
\n\n\n\n

The UI\/UX design of the Task form<\/strong> determines the productivity<\/strong> of each process step. In particular, the “time required” and “error rate” for unskilled workers depend greatly on UI\/UX design. It is important to keep improving task forms from the viewpoint of on-site workers. The following form decoration examples (HTML JavaScript code) can be freely duplicated and used free of charge.<\/p>\n\n\n\n

\u30bf\u30b9\u30af\u51e6\u7406\u753b\u9762\uff08\u30bf\u30b9\u30afForm\uff09\u306eUI\/UX\u30c7\u30b6\u30a4\u30f3<\/strong>\u306f\u3001\u5404\u5de5\u7a0b\u306e\u751f\u7523\u6027\u3092\u5de6\u53f3<\/strong>\u3057\u307e\u3059\u3002\u7279\u306b\u672a\u7fd2\u719f\u8005\u306e\u300c\u6240\u8981\u6642\u9593\u300d\u3084\u300c\u30df\u30b9\u7387\u300d\u306f\u3001UI\/UX\u30c7\u30b6\u30a4\u30f3\u306b\u5927\u304d\u304f\u4f9d\u5b58\u3057\u307e\u3059\u3002\u73fe\u5834\u51e6\u7406\u8005\u306e\u8996\u70b9\u306b\u7acb\u3063\u3066\u3001\u51e6\u7406\u753b\u9762\uff08\u30bf\u30b9\u30af\u30d5\u30a9\u30fc\u30e0\uff09\u306e\u6539\u5584\u30b5\u30a4\u30af\u30eb\u3092\u56de\u3057\u7d9a\u3051\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u4ee5\u4e0b\u306eForm\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u4f8b\uff08HTML JavaScript \u30b3\u30fc\u30c9\uff09\u306f\u3001\u7121\u6599\u3067\u81ea\u7531\u306b\u8907\u88fd\u5229\u7528\u3057\u3066\u9802\u3051\u307e\u3059\u3002<\/p>\n\n\n<\/div><\/div>\n\n\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
  1. Generate Password with Click<\/a>
  2. Overwrite Frequent Strings using Button Attribute<\/a>
  3. Overwrite Frequent Strings using Button Content<\/a>
  4. Overwrite Multiline String with Click<\/a>
  5. Append Frequent Strings using Button Attribute<\/a>
  6. Convert to Katakana<\/a>
  7. Convert to Roman Letters<\/a>
  8. Enter Number using NumPad Buttons<\/a>
  9. Set Geolocation Data<\/a>
  10. Check Geolocation Data<\/a>
  11. Confirm Selected User<\/a>
  12. Confirm Selected Value<\/a>
  13. Check All Checkboxes<\/a>
  14. Increment Date using +\/- Button<\/a>
  15. Set Date Range and Datetime<\/a>
  16. Calculate Working Hours<\/a>
  17. Copy to Clipboard<\/a>
  18. Validate with Regular Expressions<\/a>
  19. Show Process Detail<\/a>
  20. Extract Process IDs<\/a>
  21. Validate using Check-Digit<\/a>
  22. Generate QR Code<\/a>
  23. Preview HTML Code in New Window<\/a>
  24. Extract URLs<\/a>
  25. Export Text as UTF8B-File<\/a>
  26. Check Role Members via REST API<\/a>
  27. Check Form History via REST API<\/a>
  28. Copy Input-History using REST API<\/a>
  29. Clip to Browser Cookie<\/a>
  30. Clip to Browser Storage<\/a>
  31. Switch between Edit and Read-Only<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n
    <\/div>\n\n\n\n

    The workflow app administrator sets the decorations in the properties of each data item. Knowledge of HTML\/JavaScript is required. \uff0f \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30a2\u30d7\u30ea\u306e\u7ba1\u7406\u8005\u306f\u3001\u5404\u30c7\u30fc\u30bf\u9805\u76ee\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u90e8\u5206\u306b\u3066\u8aac\u660e\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002HTML\/JavaScript \u306e\u77e5\u8b58\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n

    \"Data<\/a>
    Data modeling – Questetra BPM Suite<\/figcaption><\/figure>\n\n\n\n