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
24366a40f213e6a2bd018b37b934761bc861604de54d4cf622b637b4de283ad0fb07fb5e135f401a2fd80c5026efcac516688c3123c6072d8498d96ccaca66d15547c4bc22714d55653653a097370b5f038ea560f3a490f1aab09bc404a71a2aa4b84b464bd854a7a263cd777c911de58b76dfd3063cdc2807a6e62c19a83a89e47a1559718d31d59f7233fa2d0aec5d3bc39bccba3316c0537ee483acabe974882cda31a3b8003ca2bcc512982c6f5893334757ae06adc2eaff678db5b4e1f54bcd61569eea956016f84229517ae5b2ab05a97afa46acfa4597cc8aff8b93e6f391f4b7b7dbcc55a4bd8dc2ab6c0d4f95322b22b1ee26dd88b59e2fa9fc704b1ffa38e0e6edd83ac87ace9d0455eb43eda6a2a2d7b06fd3efa2277e99f7ba661c3e3928bd898cecc72b0e8ced6270ceb108993920da9035e299fc4384e2a640193dd09193a43ddf4127624b9ab4c88a589f8e6bcdc8fa968ff25d3e79ba2ffade2b004fe77f0e9ebe227bc5ea039f0e7af21eb26adcc6389c7591b1b86f9dab1a94705a5b7aac1a97283cf934ef82ebaf2e0e06eb84fdc949fb95f67da5398215b08732e08f454eb0ff0f1b23c2d376075d568178c988c32f3c697cd313612e188633fa44da9ba35fcd5e7f1d464734827f0f103e0e126e013bd2f1e38f43b333b23c4c21c880f1ecc2c8c23b821a3e84952715acd8bded60e6f943fbcfcd843b8c6a51361a91c6e2d1e75fe5f6666e28e28fc3b9c87964612ae675d3c7a1f337a043a4f5a9cc6dac1fc5d097c516d65c446bd594ccaef66b38efb8de2af9061448597c7163976295f6a2839895a19976e0f0fcce722fed425ca8d99325181df330e0d834cdcf44393d5b78dde0ee02656423b3d6b002d67da3906a75c231a06c0fbbdf1e297a971a95c6266cb9f6213b543c57cdc120279ab49dd75822c3571f5e3b14a622532bbbefb93f21abc70d5b963f7175d2cb5d83bad37180c600dbf9198f678c4a2855baadbd835638ec6a32bd5f25396bf6083a0054cad9f5801bffae9a5006fed368936286607d3a8cba79d49a5a2710884b2fdab9111a70d7afdb0100c99d1a045ad2d1427ea4bd2bbdc8df553f9bac06da11916f053295e95920f7f04528127579719abbfb51d75d4d2eafa4e39c1959f90980364f1d2945ee401bb4318836e7765c8841663da77d67c399e553f56c4b5b712681450a46b1a6f55043b2a3c72039a724dc4a3f970ed9cd4e009e62e9965904484958485ce2a53dc02b380ddae622e1581b080e0412f8053362796957b8d85d41ba8dbd9c2e254018a4e3755e3c183d112c36eed22653b956a73d7d300a8f189689af5e1d0edfefc151e0b11c62df8351a35d1506410803f2ed630210d15639dd2ca48af35828543ad91c878d0fcb7225529dcfa4f97e61bc4f19d0680c00796ae2ac036e93a2d5dd9d8f26b049b60739779b67e6282d650121a383766c510af5472f5ab5101d9d565ac06385ea2a090df9edbe97c177e70dfc1c3876d4c9c6c1544070adcb1b9a3e19eb51beb9aae4b01d8081e9a0898237f1a4f66fb8c6bab0867588c5385a2bdeb823f89986ee219b05cdae89e6cb7ff886ca8874592c2463edcb7b940629
Form options as list items
View code
a7853a8f0bde48d96e94204d4e83004850604a8ba60a1b904b6959ebb8957c7b66ef64d903ff044cb6ed66dade0994a79efff989d1c0fc96d02e909d77a4d032d27f7284f2c0ada6094b13a9763f3bb1c4635686128f66083a874992a5a74b3b3f258f12318d7de40ad4d5e1b456edf60615a81e30ba902c4d13f78666cc3b0b5dd1c3bdd81a83ef4036a0a286214dd33b9032590881cf9292d0787845d04d067321936a24ffe334f14f1008fbc81cb8a7e5fb31e23c9ce88fc3fd899bdb41a8bce4fe0f0151b67a4e20d44711875a08bf29f25f71cb9da9b54665b10b9aff4634e3a75ec47cb4de3c6d7a6fd6ce3a0570057915bd04d552dd921b74ccfb15dbb275be8e356442128100963edff212fb12401e388d7a9163b6f8ee49f85423f626d01634f248c76e79c4e67ae69ff2f8cf2d5c6cd8ed33d8f4d1b84d6629482ed97c364376249e05129e50a8810c9572f7990ac6c28a9c540e4773ccfd900244e860fbd0d7fba18dfccd865af6b1489668380ae88803210afa0f944ed0e2b7fbb560f2cd9c833eb79e01475e103fd8873d21e8a8b3c85608ac7ca7cc42f61c52f44b9e59ee37e8b2fdb45ac09abb188cd7d80ac7ccec80bf14f6b21589a7778c6a0b8a2bd97a2d433bd681e33149376375d3595b4a295bc3f25595c5be77b22930c37c66af1ec3e3a0bd1f70d8ade1b680153da01fde0068d8184432654b8064acb980cf72b1b0f7c67d661becb0a37239f91e15f4e3a09a7db4e3b0323d5a993459c6e878f5888ecaf247239a095ef1fcfbf0bbdf1d6eaa29dbb138350075b5022063b6fff2f76a74957ebea3f04962c1f24dafdc040d4b24ef64ffcfdc223fe39fce45375aa5301fe7421fbeaecb4cab4064ef48150f276746dbd352e7d4113bf90116ea0dab00437f1f66875f1e5f66991f172164abfa1f63c32a6f8058ed68828c8e1de4ac48ffd5c5153cbad0ec7eb871e3a8f8393344e8ec65370bfaf9526495c14295de25b8264611cb0fb6f69fc0d98eae6223ac4e2818e5318dbec867a0bf951253dbd1825bfa1bc0e593d690de5cd34073d8021ff1708f7fed5b09094d695390669929cffd49973fd6089f9b0aced31c788a2fab4050e0bdf38e3970e22f9772bd9320bc272ffe3c8e221ad4495c2196d0759e6d03d164e3793361aed527dfa9623d0c6bf8d7d82500112dabb3209177677352b5096823aed908e3b3f7537c768e2c9869b79bec9bf7b38805f16048f01396e1c37b1282e6002ded83954d63834cc761b229caa1477fc85ea9d7ba02f5bcb1ad8d461dcc59131975d5f417ff3c795f788f73f562974409f78159d3197f1af78bd7eb3cd3feac6c3611b7d9a7a44c1947b3b9a542c1b5a8f4190e4d93256bbb05844043a07d5997a67d2aec84ca0bf2d3b04095a8e97fc4258783fdb8556ffd4801f7ec6db69148e9e56c4a88009903dc7d536a8acbb774db95bbaf39ac54e4c6b3812aadefd8fa24a5ebaea4afad7cafc53828c63ce48b17963e5618e1e40cdc1ac08856d68319d19355a339a54fc502dc78360075a46f6f9d17ebda9902c03d7ec3c7c33ac16640b2e28dec6fb4536cb66978c62580f94ba46f0523af5cec2ac235e8cf42dc3125da74d2332303411f1ab6dff5c748025b4937a2d0f05c2a97fb60683f86b3567ece5ca829c76fadce774fcc945f2e7f463698e188ab6f1bbb89a498918182518bcf387e7c67badb2bf90605a79ac719160456aade6048a0e65c57ae0c88f72b9d99d3a95be160d1c9f79f7fed87ab6a64ad31ea6df53960b99e7e7eae30f041fe593ad70a37b308dfba86a9560d1614ea81ec25ac5e80feb4a0fdbfb0a801a3eb91c30fbf7b90dfe11fac93e79aa5dcaf3dc963ee4913755737db5afbfba072ecdd6d4a11748650b6c63eb1ce6c392e56506746d2d933d733d7e0b0380267b234107f561c69d6827ee7764afa529ad9dd50f0b160b85aa84b0b603d7c7c1a54dbe553dc37e68b5c4bd88d8fab36b7ece402f6768a14863a7f47a39091bf8099b8cca7b01accf40f44396f0246fde8250351c15c350623c1c73320eb261d687943da06346171ba4604233d79736750e7d284e0ba5f54d051cf0f902c0ec8568502103ddffba8089ea212bad10698aa531daea1fa8b4eaf699cba12b04b5cb722eebe1877ad03520800b3a84061ad664f4855a334332705635bd91e45e183e62d8543094dbc81cfc7d41a81c09bef4f4d683fedde22a66a16fec047e1f37cc6378affe9a51e0d775df025413a5d21440fcf1ca4928c67537aac0ae62755375415aa3f0777a3a1274f2f2bb29456219af0a9d3819fd930738cd73dc47f56ebfcc62d
List group with sign in prompt
View code
05d7b71ca7a03d21b1e649b3555beec0aa8b3d18fbe00afb1c57ee383855b9a1ef6d2767f0a40abcf29f853c72bf556509c51a62ae853cf49984b9ae515d767c7968ecb5c0e7d8091dc1b598c50c22bc3880f7d82ca2307786d869934b512e3547c4799b923ffdf193ba94b7cfa4d26cdd82dad66401ed643df1ade062639e1095824424c03daec7271aa489e015f38521f13e111d9348eef5f001d51dbe9951a7bd76a0a1832a62f02064d0922383ed90c2d8bdddea786f4ac09a1ee4eafb2e05c5edde6a04bb0594b2e0d04ba0dcc9433085f34b91ee36b85034ea61aec0c7c46b96095f108be67ebbce701be4e6e6586ff62bf756495c4b3b670c7ba954a3d978230f9ebd8b552cf962fe050297d66abb5fb698816e6403251f9dddb97f289b9956e04a95d98999a48be89ebedc5663907f26d3d08ac0e254e8f0fb8377f2ade89215ca6c9998d9dc3ab129d8c688696aab3c48c7c97105c988bcb7b4a33382ca39a688adab4f81b892559e132d58b6223ccaf58a47485088dbc013d2c6659185c87981741d2e064da2c749c68bca9f6a9660492b8eb88a468e0f0fc7a4ad0ef63c56ad3f5ed799721572f512d1b448be48f5cb4e5cf2eb50f9bf5ba8d361cdf97d00085474837d8bb9e440ccb6fef100cdd96860113e5be886236951f26239c46cb4d88c2d99617a2b25b7bf45655f768fdb959fc2e18e1db2741135e78632e9cefacf35365f125fdf5a55b5afb8a71ed674002fbc5b36f408d99a45f3a2da2daa8663e834801d375fca84a6aa02971cad73c8ee3f287e1bfde7d22aac528b8b26b020d330262dbe9ab64aa08a2b91dc8003846797a793496930456c99de4d847a139db1bc0f28ad4cdfe7088aa67cdd65119bf9d527979a757df1c37645196fd8cfd1c973f0848290d5edab6adbcfcfa6c5a33c10b7adef9ca8308026b84edc6d4fc6ce31becdddb80a14f293cecc8d00d52ca6b87be9f4865daa2bb68ec9b4129009f65400e2243c2e5ca9697cef0fd489a6a6b933ca1ad3e4ce45150791c67b9efc465b3669b77948aa527e06ad34b5841580767fb0661af6043d8b4c2f63f81438ad80448c82c1721ea030975a3a1f0258a24da79aaf8bf03003d90e2b7c398f53ec961760c575870312ca51e655f25f7880d7ff0c43fc22f9aaa871944f53c304ca69676e6a6c17adf5c8e5627e5f612a03a7f7a09f41edd0f4162d4839f36620d6bc2f76f37eb35567bbd412d12977512d47a94833527280758c61f451fc6c1aa24231742f6702a1ac0e95887a92d8ab912ea3fe35074706fa2cd895e54ce98ccf6dc988efc4fdcccbb2b16485fc6f01c722453e84bdca53ae32b2091d6e8080f27a09ea07a046daf5ccd3d8a48a8e311a2349ada0d3e5873724d6d6736d4134efac22ba8bf8f68e1cc6e7627c9ebfce643718016d48ad75be018926b17c4fdb45f1fd734188e88a68fc111151341aa54b88ef9e831110de3272f28946df61e01ece3049b3f225dae3daea19441964a76cc4cb1f34086071c6c129792d5a677901169f182fe1ff4b955517451d9ddb1b9fc9a949b8b5f3e282daa7bd4c219704760009bacb6e63c993762f90d2e75064630dd5dd78872372b428a4a7dbfd19a6ee38a4d90a4e5ff58ad35e015b04658a72a92e76eb24210bfb9111275d02ced0aad6ff28bfd33b389e15876205858d77db96f70d7c8291d61e0d947db0b6e098f46991bd228de0667ed958594c0d342d6a32d2e2e35033e33163186997e96b149e08c757e109d296cfff2b0296ec700be4840ecd771ab6b65455b97b4a2e4ef8a8f8b86213b6f5c52595d235775c1ea0b7769b18043cc7d475d2c24c5dc2fa76e3038c273a63aa1894f48904660e84ff4590cb98d45942339252dc4756c0d0cba642670f145fa52a2c2354a14d56f00b81008559bb0a075abeec1235a428a1c6fbdf93c960320ecf8da3b3758c013f156a67923b4248e1b1393e677e1a3588d969b8d9f5f349af87f2f345db0a75aaf1e76cd1fc6c5a8b4fd4d814fe695991120e09b53226efbf5fd52d579295637230ac254d17c2569a20b47b9c3cc2271a788c554f35e09f2e918bb00b2d4ccd40e31c41f735c6927e94b0e6bb3ed33412be04413e6cda3fd6cd5d8c0bc25f1b0fc55d0a886392f1d3ed599df739b52ca8bf1d46f8c9495205d6217747203ae8e0aa8d914660624e72e4096586225a29bf9d38cbade75d5e08aad88f1c9239d16f95df811b5ec797a725db63cd2194fe7547c2a7f915bc6cd1f479c9789e3e506a682468ae33cc011228e16330cb1c00ea552a23cd8c04364d06c318ce5c40f775db3c7b8b244e02052db2ca18f96bd3550b16b47655bcfdf311ff6db9f3972177adcb92d36c7b0d9abb559ec4359a5e0715ed2c02d21e897307576273d9a6fe44977be43f2f1d989f679131741fc9a27a7fab074f8b4068d60067cf546d49124e2bd1e9534a1f2ee08f18c234ce240a382a65bcdd8131f696e84c42f0e03e4e8bd6e542bf692eb5aa57eab0ca7633de91bee937036c2462f51df3355211b23a4ca090fd79b9543d23f611bc105127bc9997bbd7707168f46fcf5def8d07a3fe1e2e6dc5cd019871a7a2ccc279a8ee1e21a300f42450dd843c3b5da2bc8620aea69a22c8d1e10a5095fea94da87e05d44077068fa6ce3bb6eb5e1edee75d37320a727d2d9bc878b24c9b9f20b6eb1543c7e4654357684599f399f2760dbb3e18e8d5b34d9b95e2b705d82c06b5a4a023468dd5b836827ff6d6f3797fab13223c49c066e6fdc1e359e44d3b8d0f44e786ad1fc247e83e3ad2bd423d82bdeb37ea0bb6cd081ffd4bce022e1bdb02f838aeece925935805c86843b1b40c84b93bec48a553c994c086319c1faf6a6c9e523cf545c2699f01c2c5e66185efcca879dd9d30ea23268a9962577f4870487f24fe94120aa4954f5e5b8dc6a69b3feeddc1138c18c109a6af9490e517345246c04a81dfdd7d3ce1d439d34fe71f75ded888f7d2067e37e131c7c0445a82ac789a24bd164b32cce70c715cc5dd06a846d0b622cbb2fb6b5af585e860a4c059ec86787eabd2eaf9e55787dcdc89dc3ffb7447fb5bdb706fd407e424d93a132110d7bd241c67f821f6dd77cf25266420f3c3365c0b39a9cc2818203e13da7a7a32606cf7b6b99b43f9d46393702fa626f7228e2dc809c92e863350d0a548c90f37da54f608821716bdb3fd051f79a611b6930756f8a7bd948f465b19e7fafffcb5f2c7db944694e5769e7e5b57df1dbaf38ffb50711e5a459721f5c0d91b65cfebca0734338f3f34b6428f5e0fa03ac4b12ea4fcdcb798e4a0b6c563d8d917e5487eeb83a115682aa1ff53c00a170ee891cf6ec51069c3691cbeee9790492fb455ea59a60e6e1253e46f5b2193c1325c379c3b3e9ecd4d5fff35fb3e95e135122dbdf98a467f1bb6bdb9b478a4fda5a7d6ba1a3908b3b66e2bc39877b087ae29a609af4b99f9921ee49bb183a9ce33b15be9cdaee664bdfc2024227bc9e5de2a2404ee58916b68905fecae11182b1db9e3597fd0c7e0a831c4efbd2bd23668ad3466bd595aaab9f900cf3803a0fdc1b57eecb59adc7a53fdff70c6132fd6d81936c6afaec5563c1d6e51585873ba9d8652a8796b2928ecc942d10a68dcc4a1e7363b03cb78252902e89710a83e945e7f3a3e6e130eb6fcac4cf8b26364abbcd6e5a140f97f97b3d16d9699468e9634b4a806187a2b164dfc6bd791e06531105dda1769a5ffc36d01dcfc7bac1d9e378a9499384f6846184a2a361925cba3041809d369f43890ebc562ac16211e3454d4ab59332d012c0d6b9eece16b5e01a602f81a7da4362c414e55239496c3221a188569a4c5544b2f853a103769d9efcacf56281438cfd909b6b6c5f2c1e84147670bc2f7f5b572b653a3c887f2e8e570e586e282a9c31173d7f4af23628f5ae56f4b63f1c67296d62fb7a3207c862bc8aa6570ce0009fe61a45db69f9a0e731d6dca7c360d4200af0c461c485dce7aa8680185bd3efe4a81fea986f148cf31293ec5b2eebc9207ccfb63b0a5037871b166dbc76fc00a91318b37e8e6babafb093a1d8456863d2a4057a59bb5c229e0230d83c2f1e061a89dd9f06a515c7ab8037d553ad8f690fb6b126b1a287028287a000fc6293ecf803cb06d2d24016c5506d927d8018972cb96e53b91ecfe939662a0dad8b385bb4feff75eaa13a76873bca49e01ab983410c84ab523f903fb841e721bd2150c14af02d07a5d21aa5a771075427cda5a161d76f014f9cf8b910a4e339029d48cb33cd0053233b21556777fce99843f1f117b967bed3c8182ae79a1e41d0c18ccf4692740f6d89f27e357db7a4e2421d8719fc3a3912de05da091e53d82bf72dd2e2ed52ccfb8d3c067c5d2a2a6043af9d0f06885d3cc9f87ca874822b9094b2a5bdbad183f46b95e2b0e38b8b78d33365d3f3d791acf84233e51e237db13bbc6049bd826f5ce799155a7c197c4c7badffc13072876782a0dd5cc6029483e81bc616a618a373ec63dcd265b9c883a5f2b86e277db7e6775efe6c942ca5521b89816506bc3d919250ca95ba6b9bac638f0ba94bd59bc534c506ab43a078284f44995300e9a849449809c78c7856116b089d446e2f1ee07c1c7e6d5efb6b076cc64bc47703f08033fca50a14ea31f32e57afe9ce431c008d0e9345d365765ce227c9d44d7cc1b17c56765133fb5f966af5b2b4691eba638678c31aa5d9c33d5e19c6471d6be9d94b7b5e6e7e4b69f87abd318621060ce17157216ef22276f17f3d9ec364dc041a62baa864988bf68a8bf3a560e8e43cd83dc46fd8762b57da96152f87d84ff6cbdd00143263ff32279b0dff954ab4cfcb917b00e338d1a60a3533e900c979a64aa385c56655d40f9d973843d61f0b2996ff7634fd2d06754ab02784cac159117c79398c72271604e54776eef42543eeb9aa5e1e2bf5beda265d11be86c826b8c159c33d215154e38599227e4bd146d4be9a9446d52727040b093df911b16b38e775558cfbb358bc4b0e51c9b8dae039d237db83ac4cb74ed38a1bb9c5668bdeb05c6ffc46d5d7b02ee7ec9919e0310faa108ac13905b0a6f52b96a0a113b811359037dbc6fdf18bbc2d1108a3ea29099e35e572ff441f94ee6c75756f8e174fad9f96afc1bf1ad8693f83f3f736c488306b67e6ede0d7bcd3d3e64b9f13b32c2787a4f16c465cac363783d0182b7b9573afdf4cb313104

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