Form lists

Form lists allow visitors to choose between end-user facing forms on the New Request page.

Available on the New Request page, these patterns allow you to present your forms using new and interesting layouts other than the dropdown list provided by Zendesk. You can modify and adapt the micro-templates to bring in styles that you like from other areas of the help center (for example, category lists).

Form options as boxes
View code
26060982d3faa1ca4254df19ebf060ecf2d94083a161290032d9d5eb70efd7351dc14451674dca5ab0b6b87ac61f9ae38247a142d3262ddd7fe0d8f96f235489f64e907981c452d767f4329e01ab9431546b0f15351e4592089740c9b49e1ff9e4534624eaf86a262242555b411960f2bd75d9ce7be0e84ae90ea8ac31f08a7e01e1c6890f238c61bbd0bd02709a6c3234984bc03b8479909aa317ebb0645e4f0269e7e5534870e1fadc718a30b2b7a680216bb75313905a38fb2cafbdc0c1b3934cde89ae5b00798a0d8c5b569931610ed3dcbffa377b39947417cc8bf460dff4c636634ca758ca84ba527bb8fbff4db5deb8b465718a5318f3ada21c43ae9d6899f974e34adfdac1cfa96b68db2bfda7e6d6ffaab75b27440fea868c88292654789b27decaa8c89119ba998da1fee0b1e814c3cc5eb739ae7f4bc6d5991140ba6c793abdc8bb723638697a698179d7d5b615fab6105dcbf9a6bda47bdfb6509da9043b438dc618c31bcc4588dfc9522409abc0474961c6e8aa2d3b4f2977dcc74830c029b340298bf1de718f343913f00b9fb412e6fb8f83a14868a13fa2cae80aee8ca3e8b213a0b3a727d27e93159f8d3630c214b83ec41e5e34a45f2fcaed723d12a0725336b8098a50adeb03d4edf5f6b24ae9942ed2ea1771bd3ab03d3efad8bf2ef495c1ed325f0ee036a08e1ee3c64bac5e1ed41d4eed2291fed6bbf349b0e5082f1bbbda60e12418d665ebea3092f11f88344ff30fe58d08d36ccd74c45e1a0056b6fc4acce3fdc96eb41ab96f03d4102575b7d09a1ba40c2a166bebd02c25ca5efe181b3b95b3ea666e9f5b15752fbc01a4b22a542fcae7c2779c93a368d0d512fd36750da6c2a7e61eed076fb38e0ffc6f3a8a6a52bf24e1872b2c84c408aedc9ef55b3c6f5b58d27a8becd8bc4436238c723ab6fcb9ca077d5d6aec0d61247e925386ba19c8021e447c0a98566fa0623cb694e6e5b4625b90e0129623ce06d11475388fcd7724e034d9a605f55d0b6273591585a476e0719cc7b97d4a0a976dbf6ab782943db1c30656779d6a9094b1fa42baeee70b6f385ebe006d5c8d2d8e5f53d1cce36101863959c05856e67779afe185ff75eed661a1835bbb90617d686785dd8c7cdefc6076499224ca343d90a44804902ebd3920523315447594c7a7d86394796a0b88966ea90bc4a0c8373fc9923aa959d653bf035b056763cfbc1e671e3f1c42faa90878b4b0a8a840177224e89f94f2eeca25016cb96a96687db5b94fc023b6897adbb23c5953c269ef6fd50030c4ce7bfd724495f45a2f6c2ac3a63366605d58fcb784b0313724053a93547c8671bc5283d007390154b4f5c09002672c84302b82e8cb70ab3d18bdba6f4aef547c90f6c6d30e33e90cd8e5352cc351c6517d5f9b6c7d41fd3eef2967b923efff190132a2ae6330e0da92c70dd88d94a73ec6ab624e17d0974d4ca2b2cceaeddcea3dd2a6df572c265d3fbb1a791ce991e6b10c893f783469241d38a7d74fea9823380571018f0297058f6e102bfd596320b4ef6877314dfa9652c2c2dccb234be0085290c45a474d640457ca1dd4059fcf0aafc54950a7c6876baeb37f9a64faf926fac280a7ab
Form options as list items
View code
b27e62f1dd2fb7d66da0500bd9f78f4c0594c544d9b36b58da10eb149c2ca4a84caf9353b2e0f74f3f29a7fb014261bd51ce0af990f361d7e4c8fb04d0bda3341d7eee94bb93a2beb6c39f531c9954f87c5edf46a4e10b68c49a92eb3340db023c8496c33e565598a5a2785097e8200b0933efbaa359ba3692e3144ba52c07bfd56afc60e23629160d99fa441a97eb71f230f06038f6e47e9a68772fb5f275d5f3314fe2243c7ab8e3260f9771b3becaa122c1689e664d96756de58bf719712fb5b30dbcd25d90c0bf75132aaa6591d91c6b946face5bfe355ae8154b2319c469c53f6b8aa3c19cfb72ecb81559458913bcd5425f255660424a1d84751cba9c95c02ee34381869ffdcaafec51421a556109bf0b3464f7bb94f8d561fce92c7b0121f7d706d152f16ec27a081638b2e9fe79d64b0202eee0bf2bc025f5fa8407c832d790af0d6dd085617bf5c06e8c3f24840e6c236a8fcf6a3b719c0865c3fbe8d5f94b2b96a49d5e86eaf641ef57dd78909b429777ca0153f59acd0e4d6d774efbc4c860d8901b4f6b12af6a61e32938ee0e260b7ea48c995041264d8ac2f5069fe8f59eaae569c1c8b4f66861d79859cadb7e9dd000d5628f7a40410b74f145a50b7108affcd1c328fdbb1ccc058ab39c66b032c896fb8cd44da9e9e647dc5d9ed23f8e704258b091d1bebe33a06ee52933514b7e5dd2aa83ddd5371a0224c0177cd691999df6e1a6230cd6266967996dc2d2a6a1271eb79fbaa2d947e13f49f793139ddf1df8bf93823abb87b2ac707219524a9bdc6729a442fdd635bd483b87eae602eec50e87acf608de6e92c54ea34a1cd44bbd467519c6cd36b23ba840a889faa6725e7d6aa606ccd8710d37f257b4d35b850eb06e6a0b944be46fa11df0d9be2e3d792d895557ddf732bb6498998b00b6db2d6ce1abeb356b4e73f8356057f7f83b79035d36539605a3c6e3fad266a64a50e6802d80b0c5b43d74287561a06cd08f0f3c9f8c5a7426d05d4b7c4433f480ba38b68199c66dce69080f634cf8228babc9ea820474ade14ef55fbfb1369d9415b265ed97c908bf78d74dc3604e4868d85025b9f02ccc72828b405857bbc410f3764b8ed912071b8dc6f9c189fce566d4a829812a734edd01cbd2835da7346fb3237a3c298af197ca763b2f0b74b0f506f82ef2d032b436e0861af2275b9500e7fc1119939cc7937a9b1893c5cbda3aaaa91ef152558d2404a5862fe602f609d86d7b22e26edf4570b46bcb1628f95fccb0253dbedb0154aa1fcbe99ce1c7f5982629e053c5332426d230d952c7a256694c5487af3e7687cde5666e8c3da6a0105508e283ef27a6faf8ad2c112b1390b9bca2966b2cadb9e671f7336d96e563b93177a2cfa3a23edef70d68318ea3e419b429bbe05f20e33866a90d11100cf5352075ec20f94ecf628aa63cd9f8b5adfdb2b4a17ecf5282789d8399dac8986636330fb33c6f3878952fa254fe68742e2b245368b9452fc4ee4f63d2d44405452bfa03b3f5677ab765b9e60152f8728424030b3477b1efa3f93c5406eb6e3ad3e69d960c65ef47c7d534625ad7eaa64b30bde2da7c89deec088f949339447837b0c90eb8c359844dd71e86ffd84a0d6ea0c8b95e54db93e2e52871149a127b9a1bd6ba0d57ce8e0a7662fa4b9e77df7668c33d92eff286dc2e5070a8defae4847b988af78fad00f57cd8bfcf1a85f364ff63f0a7c32e8382b3652399e010a54443929544ad89c641c8ca1f96734824adad13d8affaadc4239ba06831c0a09a57aea75cb1d5901b596ee0272207e2074f37ba20117346356cdc5e4b7137aa75d7fe707da2d485f46efbd942fe451531ea4ae75f4abe7d4aff598eb4cb5cb330474fb9000f8d56ee91006d0665fadc13af64562de117cb9a20b89c68ed21cc3905be75f2c339a06d1d7d3bb3a71fd2d7d185b0ea7c9f6691a0c2adcf3ded3a10c84270d756aef39e42dd02341e76986e61390b804f3e35cf2bce7661ce87263ac1d6a77b048022e9b7e289e39a776f14e32fe42a8f1b351a0f246b80497d9bdab3870e2d032fce2c6c2ee2e61bf6e03feed8b1f5bd670d603fdf871f2830de1361e5028712b0e2bb3892d1e1c8e1e5253c685745f5cb7dab7ebaa489f073488a18511048288073db09fd35859d4f4f28a7ad7849f874d15cf7225410c98143cb0080d336d8f934f8ffa7e8658349324ada63b3c16303ecf1e144530cf8e5620887c8f76b7150a15a4a8251ee87ea430e3952791450334785d291dfbc7a6ce17b6e66168c2d3b73016445c5fb0a2d5105afab46c260ef2e424be56a5a128894ed255e0b872d405f5c5a2374e5d
List group with sign in prompt
View code
525ad12940e164f83b759491fedeae9afd1249e4856c16316e0f0ce8a2e407462abc308dc2ff5e5a189fdefd4ec6f67190935efe78c126107e7ae60ee4e331767d0508cd8375261c9a72722dc64009a4c7fb525014823a18e4753a33c8ae1373fb1a50846f192580cbcc5a65c6c1f976901a53413afb31506a66757d7a5d971fc22e2121a8be1490cb5d8a33c7caf4f969afd5c605ebe0bd4a3768a0ccef8c94dfc8c08755685fe70dd5d4c47dfad91dafb874061d5ba9dd0c31b340144242ad65232078c1d3242ae505eac09cb83e597e5aa510795647b0dcd75d7b349963f35c6aef0eb4167080e58d5203bdb1c6ba8e4e92eaa5460e07c0522e183067b83011692c829251174f23d4aad61b59d38f9305ceb1775a0bcaa402b548f8b0ab0ef7c1c887e38315b8f47a51e5c7bf597fd3242cfb16a2efabe5aa8d9a37b7c6feec86735f8d705ca33d6c24e5c9faf274591ee3b6cf4392bb5a22bf8931e3523681c6358aa33f7fd0084c67e7f3b948a96cc5be1afc1530d88b3511c951c768cd4fb3c1364571b595bef255bf21333a8f0f459454da08f6b899fc541b5d416148c8459a18480bf062be73ca52acbcd8a06362b2757efab08ded2f49fb29511d41877b18005df10356031edd8969f6544b0c48191d7974b405aecd259b52ae0393c2da2db182621b1709fc091d48cbffb842c33bed81e762a32f14a74ca6ee860ab93418983264ebefe1bb8336c2facb134267c7d24a87574fb8dd2d0145d83978a1af0b5cbdc6020bf60a25fc1bf17e9b9b8a705c863836933855f9bbaa3d95e28153a7238b5604f01f6de948aa949b5491e23f1391aa2209171097537fed7eacf55ffe2cc2011bb2c32cfebeb0ca5d56f9cb9bde4153fe958f5a98919d8e977990d1018295c8ca7314104c896a40fc79c2624f23b318271c826b1809bf585e870fedaca456ac48bc369d26385d4272bde722ed32bb7a2777282f24245622f70cb8854630cf744e2e5832b3c0bf3959749a91df7a352e1fdb796b08cffabe63b69cb5a90165919f2d6fb5b7d568f280d3cbe51e7856444335121ec62793c686c7e2794c614bec313a15afb1a41cf20e476df6d42f83ec0e385a25af4adcf22193f66189936c06eab624165ae0530905c0946baa03c645c32bc5e360fe398af4fbb4e2a0ce42db803669ddd30ac62b24f050366d0a61cad35c7d5fd65220c6eeb04e00127f33f1ea8c2393f2acb22ab516a16bfe4387964505aeba57b1f284ff8e6a4b4620931ad053437ffc6cdbf0c31053679b307d2cdb812b5af97ca6ea3e36d1264fdb6d6cd928ecb65b67732efafc588ee1da651f9729c37d1d870ee084163a2bc7b3bac17027358591bb37e00c1efaaa92753113ca59293ab5c4c3a454997c0d86835f8f7c9cb68dfa4f1905336ad1c3470c4cd30217b683c2e81b7deefde45df882b214151bfcc778c74016c660174d0d76b15738cb010047e528efa0ee86d841919ef49648e74d9d1a00f842b0824a3eaa335847d903ecdf5e9053c799149cbddf98973cf967898623cfbf9482d08cbe1671c9f2143e45fecd99e608ef369a73fc94dd1b585e9a7ac4e2eacabc0c7d284714dfae688f31ab22b351094429af518aa4b9234b8748b6d8c109eef81f8018a80ab5c68f2fe98a71ae7d66f9afdf3e065baa5472d6c350416cf9d30884316ec2acbcf2160d53c58c04564d3ebc6c55165c2ba4ff95784ffc76062cad1ba27ddbe996bd4def440a3bd6639c31eeef949605f6cdba384b9700b6a8321c4ead7843c46fefd03a72c4d627e3a8b72d1581d26f017deb0a2f1c55585700e80b9b04474b986fa92635edd3e5c95232f03104964ec9cb09c74c9ee1eda9db4a6e71477b6cb00e7ccf49706a1c47eae9a1461fc14a4536722983a14c44b550eeee698c14365ba3007507c85355da28e3bb90de883b1dc2c50ae931c2a22c000b358a9a0c4d4ff67af527e4c9d82301dce84727b80f0d46c9cf37ccbccda6a7a56f1b1e23981aaac157cc3c33d99046bbdd08c017c35107bdcd9233cd0a67576912df91eb426cb555946ccbaf0f06d2e965391fbdde7dd3d1b61bf8af3835aeabcea02d50668bfa59a08c6cf0750becb4d60ef421607c662593e0117cf6f5c3b393580fa3294d8f7edd06cb8d0b6e978d9f6b8cae1ba8b6005688f65ef565ae323a5c3ad621c6c233be7bfd019a21ad17585de1a5feb93d4b6e593c9233aa3e97ec120ff20d675b0ec0818154295e61e9232b89c7f95766fe85d8d1943903f3d55541590bf1a0ca4c376e224ee2d66353bc7c139a23354455a9ea1625f9638174208298776b1a5c371abf482cd2c252edd42725eddf5045ea6296d997c0f82f2220edcabb92a2d6d911918875124aa15ce00673a69758086fc8d3ee5955f11fbdc927ddf10a3a05bc23a8d2758eeef4edfcf9cc878cecf0d32cd4f8bf6420ce8d5ae6790fcd85171f7997e7ab134a8ac962b2149d4d0e203b96636516cf83b923cfd25d2768baf2ac07e200ad3b6709973f07981b8f4c681b6a09140ad5a108b12bf4ee19e819203bb64d919cdadeb554062ceaf1abd37446a7e5185ed93c475c7044f1825ae16102d59914e13f99cfcea34d10be10b8d29089cb5db26893e9ec742f68d508b94734b5461ba7c83fee674f6a260356042756b8b653d740534906849d7e540f69e187478fe8092612f5cbe9a7fcd03b2d9cd73083cc927bccb7b627d581e7e908b49421363505fec89be714a424b52bc11e5af10235a24c19fe1567910f9615ff8366081181a271098f4b31a2cf2cb47742e8d309c87cbbc24c88a2f7640d6484261cdc8914117e4cdca666ab55d6fae706bd9c43a4299faea33c36c12fadde29b226e50e9466727082645e56a5edc07c9a8a33db56f865d959bdd2a79e2ebb96179785baf452653351c760950e81b07c83f88251719b63e884e9308053b3fe3d8aa4096ac363a40d1975a71ce6d3b4361694f4d6e697d6d5139c4bf63ff482186242c3f1ac750b68683cd25b4b8eac3eaa627ace4a4a5ca8fdfd9635b9d585c5e1e41a60cc527f34aacdbb9fb09f8d19a69de7e107aa9acce70128e00cdbf6f8786b46de6fc14435b19a94b29bf42939c7aa002427bf38c4d6a3ca79557cfc6ba80961db053a755c2d7ac7eb70021fd9bbaf93ddc50a12e162da9bfa9f038523fca688f5ed5adbbc6889926241aafd6797301d1eed8fd173981ed845f4d1c8a0a1775a2ec8b53b8964aa96fcd56713aa403c0aee137e5f92969ef61d9165bbbe2864bedbe18726e9d248c96001825d493f8406368095442b47c8895ac0ea1c001f8816ba1cebb3e996250728dcd1d115611e155b8ef737a130ef41e4b23b5672cbee976a2ed8bb3e4b6969b8c5a2fcb2b8078c8d3c081bdcde70d82463ff19d5016084839aafe2c9af37d03aa79b2f8e8701ffff330a044d57f178bf5a4ecec450f8169727c192e84f480888abba7d7a015a7973511842e0fa72ddb464857d15a15698a59d4d7f15135ee4f6306e456aeea803736bd399767ec6154e59feab6ec34c7ccad16e9feda746a5f8b1cb32d5be65e1ff67d1cbc6b9d6d1cf473cf0730a9b4a7aa6b8e048f30fd6f2ac6637f954b335cfce1fc2cf811e77e42bfb283dcfae41dda8e7991e4f54ddc8d4faf7a5ce6233c62c22acee6b2f132ed7c62dfecc38a24c6f3133852c2fbd1d3faee65e8aab9276b433d6b8498666191db1963729b2116bf4501b28062d7f9741484118bf5c63dc2d8b21b61d1e00f92f44e9b91a2597f53b025bfcb20fd84745026dbedf9aa4e2aea839488eaa2d06f7212e24eb3a169b702e4f7dca21085c9f851643f8c1ffad0a39f6d861c086a9493994ef24c5ead1105c09808220a44c837dae86564ac59af3896649d8b9828482fe06dcfd5ebca904880618835c81a22fc6ae339c43f70ab03d4e5422881b4639c06f79c5870b0b927dfa11312279dc8695fcfed0e3884e6a0c69c361408edacd01d2e2f2faf0f49c33776520014f1f68f095b45a3b87a982f5cfd0047f4cf419d950e5439d9c3d9a6baf2554527fcdefb2ea887cea29a9687ce195f25fd7cdf8d748974a5ed511b01f92802b0f9b35f2afef75f282cc0063724a5c814806348423ac7bc73490bb4e12143bbded95a369e9494beb901b45cf9d8739a55b283562f438240aaeb3d768355cd278165cb7991bbb38530949258f665224f9c151da616d1dde37389da558243ea48cbd070535abf5de8768729f4344bdb7737780186b825a76ed6deda82041832b6deda073cf86ada25569cf73288b8a798529dd6d277c98ed8b817160b534f418478ef64e10df1f801ef12c925a46e9319fc7dd66fc6862c5931670bc3ac306c6ece295757fe663e6a695a218388b9bbc9aec8baef0e4fa888f35d50540ace5039fac88dc83192cc0fc620ea3e33649508e519775e1e3f14da2e07597f7e5ab044284936e123f69fc7391350099f79f2cd6015e32b0800c43b4e484bed53d9308371f9ebb9db498130a4bc5bef0842b743e10ba840a55f385a93650889ce1a496e0d518ffc4a546715c8c80c82381d1365ee83ca572f2fa998b04f67282d88faf9ffc0f0de1806c4625f16d7e16808b73fa3e29b14ce5a137e5cb6673db4530edaf8a0f0e2439a125fd27ff32985fe1a762596d4681b7c42c61b3cf64b8c323eaf30744a488665730c7ed0a7dda0c355f2e2853e195bcb3ec3a60f2c7d00bbe68c52af6927dca1b8a4af59deb01246baa6ca864176ba3485b04664ab17e63665b3a82d54159dc7350f1cda031ce0c6dbd1531c44ba33f020174bff5a816856c5e43c07471d5f1bc2943b2af89c4ecc41455ed427f2a32e7c5f36f235029c510992ef2ed4725a2c6a5892999dfa93df93be78959effe458b3e92791513d48269e8aeccec55bc6f6589a0f6b12a09630a7d82bfa0154e4e4e6b3fe81c9e6205201cec7022864e018490ec389e69bfcd56bd631b57bc8330caf9e3de4b091c06e56baa3eec75bb87be769a46f8d3e5798ccb1552849adf4eb1f0a32c632ce93e388a3353809794951d4643e2ec62551738bf8fcee41b7e3691fae61de708a65f1384684c96f531ddf654a119f9283ed08620db937dc58c8a14a7b1174048854b8467c31b1ca27b5d16975455553af6133906b19ff9a4ba03cd259034d25afe1b03078a38fd608d5cc158362c8d726689a754d934a298da8d913e313bbf65737e351c3307

Form lists

Form list patterns can be used anywhere on the New Request page (new_request_page.hbs).

To use a custom form list pattern:

  1. Select an option from the Form list style setting in the New Request page elements setting group other than “Standard”.
  2. Copy and paste the code of your selected pattern at the end of the page template.

Related patterns