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
2f1155a39925e1dba11fffbfb30b685804540e7d2bbbb9b2cc8f05403bdfbb87e6b5d702852b58e53b2d604cfa58d34c952cbd5b18b7c485d5c8e1fe4c86453bf1e9ec1d9e2dc750fe3662f536845467908fef67a750f0b48cb986b600d728b98551ca1297bc5366375e59495d1c64165ac550f51cbb15086e74aef1e5f87e0ff421337497012bbfed7abb007d6ab648e780eb364acff83dad2e22ae67b85f11cf257565dc317c2456a2da366e5748fd30ba02152036388f8bf3271708ddd933a8bf458e5d4fa45cd5a36461bd07060063d1dbd5986d3cab6884b54844ecf1a76711821ec93f7de47adb8c5076db421cca5ecf4243567eb0894a0e6d13d8eb03327e34c76cfb60854c9c46909327d3c0e6746941cd0a6cf3e3da77dba15448abf18938ed66dd925ba705568252ca2ecf87bc4f83decd03cb1ce892555c99f8eb97056bbdbc99cb4822485e2780bbd62ecc4ea62415f26c2a82ee19185bc40cac8523e0505379fe581dcfbe65cee13cd87b6e7ead7f73846c058833b20c23793dccbda6ca50ab1618850138bd5ac0ea28984dadd7dfdeff77d968bd4dfa25d31550b96f2b290f52f9ae17ef6291f1f6fdb14d3402d23060487377fb303247b973d013d8af8c12e72e517985441bb76718986c98a0b1ca40cfee3a718b223955e999a0a9a0b4623a3e5a4dd5e7329fd7512fb808d5591d9567a420ea54a9f6d5acfd90f79f21eae382d8b8687fb0542962ce9d2b8ca35b8f4bc60f0dd69f2310a2728489c4a67e299af4fcfb125f731f682537621d64b6d45a3e784c02dedba9d37a7b47517bd37c6cde38fe67c8200b77bd934f971ec4b9ab574c4dd0ceca1b0e4742bc3f6d7d2dc7306c6f4923ec5821eebe90e8a965530ef026ad1416a9d486f62aff8d55266354dbd0ef9509288044bbfbe435f8e2c32c03cd7e580bbef8a4be5cd2cc02c059a07563494c5026542d5fe932ac23c19ddda8af54eb0e47e50f4377d845bd5fa9973c1a0794d4aaabf0fbf90f97ce3bfbaeff8372295fd4c7f15ad974b850b21e0e8e401d6116ccd6e956849c98d6f66c3e3bed980c3a1dab93d6b4b789f6df33a240db49dca2b593e64702d3779a615321c2fca9ab876063dd5c0da93c6e40ed66e5a30fce1a8006114b030a4e617e5a725f66adf8690e80d7db96a85f87f1212b8aceacb4fba6133f2a3ecee77b7dd0a2f23a4e9660b1f66bbd8c6bba5700e9e602ae37a291f2cf33400b6de136b2877d0b05a04db6f98c0b870392ca480e40a33026f8ed7fcc6c5704a53409adc6e21cc081d1babb031f22e7e55e9b666ec1eba98c53f885c9073167a8d6ae11f3af061fe70e1984401ae967326e52324d7db24b23b4636f7f477f8996ea878e8f7abd02d5c0c05f87321f2697218ecc8388d72a840b17f81009368141d0d09923eda5ea08dff22300b9637cecc18e34ea04acc931330ca72d1081565d829889a32fa53b29c96dafc3d1da4249f1afcdfa0aab4cab81d0d4b4134c5ea932d207b90f0f2b5e8d4e4650a2de6f33eda8ed3bec2f80aa2412a63dfe38db637e3e760113a661a6e1481c3949d2b06fbdef77e18beaa230a96086312ac9f6413fc6ac996b23a91d9bc68dc0dfd2
Form options as list items
View code
d688584baff49d69645d77b04c73073baec762598120db511e9c1875ffa8c7ad5f74116d24ad543b3ca8b47dbeb98f8a3c846947dfc3800d864958b2cc32b64d40f361b609981d898dd2f1ad0965d929ef79135972a5689cf1433c9f4ad0677b6de106b8472dc6b0a87641895f2d325b8b02a80907256f143117ab63bec775e8651e5d19fdb9c907faf9cb1a288c616300a7e351a06241740c2677455bdca2025929bb2c491e3ae7d4f2446cf437ea59f855770b812c16384cbaa103cea28bfed0e4ccfd1eac1892a73780261519eb53dc7be79be97461dae3d4e9ffb056a984279ce66a9d6187111adeffee60f4ae23047fc63e66c6a026d9c0a52b4fb51a812b5051e9a230da159a060b9692309b3ec541f18882eeaf4518458bed788234c16cd8f9e8d6ff02a5689f3b93d5fc754bafcb46088dd78f99aa138f5d8276bf53b9a08cf2b6b8a1d80352cfc7c08e5164b62d9d7664233811f1ec34231fc10a7ff4bdfec5a2c57d8f70be74a6c58e4d864e4102c61afa9a4b9881900d1798e659327f236150175ce76c61429f80b2f324a2266cc283f6ded512c6e596de1df249a53e6d8e9744d9455b22623efa84192551fd7b7e62c599f61206d1a3c6b46025ae69d268f28f68f531abc396a560048eb722462508823cb2a6d7b2c14c7e296dc4869741149b53141245f319571c8f1fdba703f952a1b797cd8f6d6a80595f6418eb99a07a4f6778aef95ce560e77e4ae758d89efd000be1055c0d17a4f7e209e95ff7d4e8c108831dc043bb75a2102e32c43e9b449f21f61cf1233929271c66789e471903a055ab4be5ed205844632e923c7bb43d769d3f1b48fac4f7356d5f1589ab8e9f17ad88ea3c6fea98e8fef075876aaa84d6d2a583d52e74bf708fe92787e160abf71965bf92b4e5f8236f1be214f748d987a1826499ab429d8d72d1b47412ec7891daab2ab56d0bf80e13db510b98a832660725e2b9eb2de8c77fec6ecd696af587a892aca60185e05ba49c924cac6a8b79c24c01c31689dbd6f12cd9d3e4f017bb66968219617f01b902516d2307c46c7635a21ca84fc1baff31edfabcdef3e86faef47cd0f2db0955ed23e251968a2337db637d17ffe39beb8538f2abeb197259b7066851408a71708bcadee468406da29e3114f8c7adbcc80521fac676eaad34c121114f0402f86d617d2c48e289231d5ed66b59d524fd50829184e999ac2f47c37f418ffecb40eec2976dfd50ef67f789b1762d08c93afa912eda0a58dc20d68b39a352d161adc56116013df7af277d30d41076c7ce202b2466f23f621343e7293402cb0202a97af7cced7328fb571326eb1bfb989cc07f3ab61db62a895f09ba7dc46530dbf9c7c11bd551743dd6f7e83b9736026f178e12bb433889d6ba8b8fe068dd597106004dbcb4020bb92fb1d45f3251471a34fb15d753e626659ee6f656087e8fd31ab3175877ef6aa9b2999f31006ae286c651b0fc211a470540884e04c4eb8d5264fd114d82111b9626c99dc3cc46253eb9e0bb1dac99995dc6ec4b9fca32d216c9c035b9a42eef368164112c4377a9e2a798e43f10d5a6ae6128646616d2700674bb675d06cf59321cdb63e4e4b868f9a13dcc7acab86ece53cbc97267f32c209c06169ae8be63a5f12b4e029adc3023849d18b449221c8f04cd319c96476c74184ea9e28bb138e2c243faa4a8eead28f61ac826a51590fab99f06dfadeb129e2ef54ec0baf92947e40b65ee47569688341ab2ddf0b0bfcc9ecc133e3abc1cc73138a8fb0353f266190880a13c08ef8d5985bac5065c93727d8163592bf0d11292ac1f9b47c549a8e2dad983f53f0119736c5996b32fa185066b980ff5586d5b6dbdb04e463c029d27d95729b5a5e8c87769050a1105483957e261a64fdc72ce65282e85072f79f0b54d27290c2871161e1572062b2fcaec9dc81d677317641623893353cadabbf9572a1871824fbd9c1dd55c8dd28b9d03b1d22453acf94efb9be212d266b4e844f00458d7ca69530dc65f4b6ef0ed62d0fdc18eb850ff18052271e7766e606c0f1d9a9c9a48e19b03f3e6dfd91ae2dda29c42611da3fe16709a115c0ea9dbda566fee64a1ba0cc0d97c898942a9bd0cf2ca2f2d6901d109b8c2b7886a11cfe8c1b7f805090665648d1906ba15e2662809ebe8a871cfaeea3a6db6e1a7bc68eacfafeeca8a9e410a01625f5094174f0a9c8e7269fd41c011360a6cb1b16e8fbffe7075df72953a997ca50733b7ce965d903f65eff22d8e08bc25a19edd5b46c9b2dc6ded50faac841c1ba3dc93be166276aa75a4b91fcd6a1efa2872c6c5dbc74a5f07fd321c8fdd2883a8a4a3
List group with sign in prompt
View code
a92d9dc76a1c5f2e10f8bdd57f62ba31ee06210dade01956cbd75a5feefd2585267c9afa92a21927f996dee89d9d808b4898e825a829f4e42743873e5b332d8d811fe1ed4db223123e2cc994cc028d14c8d23bbd34c21c62f708ad75b5f08c70e0c8f605e79d2a83e52657a9086080d9a9897e2ad03174bea462307f973c1982d9eefa86ab8b678fa433a3f1dad18dd0816c6e3ff0809ce53bd51b917f8147b042f6746e922b06094b5ae358eb62329b08ca353c931b8e32fc183a8a96d49d665978233e989ca2c366527249d0bcca71afa9d639c45ade2a14f6e0f9902e93f0488f6d81b177e28925d2b95ccb112d61fafd06967ed81bb33b63d44cd5f1fffdbcd9690102eca71cf3462eb1b5c3191d1618a08aa787028d11d837e2e94ddc89d5e9a3c7f326011031c418c87c49a09108828ca6166a22ac9109f328cf8c9dfe463f7e3775d682c8b3a74d461e8202bf54827849e38deeb593b7297720aa6da3a05502e0deec35f5198e7514c31339dbef75dd343a66ea61ad379f776a1b04699bc6bbd4cfd04118d120378f38029c22fceb1dddaa966d93833b6fc7648d4f03fbe33e97760296884e0114fcfdec8e72831423f97a78a3e24c9fb2426607a5143daa36f25a936cb146034a4de56e20f35886e1758a53bc986bd1aaac006cc86444adce6e069b5266cea68b0d02cdfb244cd4fcb27bb62f5c76d58640a84a12fb13442b8ba4c8542624390e9c993e2a9be2c70e9d3b3d253ba4d5b09c086c0bef382d495adc3c169d20b8bfcf557a3ade1cfb1d35d3ae3d315438906e60a01a68bd6ac97c76886b1196a0e143dc3d25c519a3b6682b1b5c321bacdf71550e018736e387cf3c284fb3399c748a8b3a4471c9deb005600c4f59cde40a7e123e7ca6e76893848b1fa796033e2f2b20264183247b6f1faaa94f0fcc86e29850442d41af4a5faf94cddd57225cf50adaa910176b67f1ae4015347f5a3c1758fcb28a6994cb56e74a459a684fcf88abb449a25616dc8d94d79b837a4a806af987178cad8bed359d0c2261bbebc48eea04fcd0996317c70b781d4f31fbec8db6329f150d1bd4399d5b080e9eb297cdfc1cfbf570b86d6e855251956901bc5337e792add1bec22c25cf547334e78a7a89cee26b8f2b7cf4af44f13a13272adbb7bd0b1300f783561a745e6a95fc1358517709ce8d19c6424a3ad070ad27f0b9596893c655bbcd9807c615513688cf1a17fcc9b4fcdaf57ee012b875e50e84e20585e3ecac4e775a248dc293c784ff300d040b03c8ce2f010b2355ea8d54d4dfd970353e2a68a86f63231c84b5690b5d1d46549fbb333d61eea051e9c3c2bfbb6eeaf03b21c7699bf2602690b1a22bf45a735ecc6f984c206a732081b30644549bd84813dbc234b6f64e9a7e75a4c9074d7820b931e059aa62c97c9558dd7e68bc68735f2100aa1e17c88b190bed11a8feeb96707e607ee071276e5bafa9034a57cddbcefee98b5607ad0065d562a2dbca7689f6ece7a20f4c845b50e86413eff6432e7eaad36690917f9d84bdb14a03befa2297052c538b7d87769c034234857914f921e208ffa3091585dbdd6fdfa86297f305383b0d6770d5bfeefc4303ff185c5dc3a0f85941887caebd9c6b2b3f5fde15a48b317319bae5d5bd86cc4f164ad7eac6250bc7f542567a04b5880ea66f42ba42f5ced90bd26757836884571c049562958a4f52dc000b42ff2dd2a8183e9297f06b8bffc8c811e29a1bca14eb4929176fe766609f3be6974f5f230fdca173dfcc406193e8e3a1b823c8d6288b09a76106df6be47ee6965131b30e928eebc90ed6e79397078ad659a9c57d7627b68ba3eecc0f4aafd4f1b2a95a3db85f412a724793b0ed83e09baff248ac65d281c88748017cac1349883bfc990cbd7c45310d08b67c503b15f41f221f8afd57af9b9bb75d3228713d7b0ca34e15c0ae385a3708f98e6dda7e37a3f8e4283faecca0d1e64fc0cf064d3aef3f7f534f9e583516c36a69e1216f1294ee095d47f9ef2f8225bf6584e06d177a2df387bfac264597ba5dfac8e40ec7470ae606d04f3bc80a5feed4f27924434b770793f0186f6acbe5ef428933a0bc71e67979359bdc09ba7a282b20c7f1a3049593610d070efdc9df86629b0d433ab86bb5ba06e549a5e758fa05019d86eb55b329a1a573a162c933210d8bb57bea33b2d186b26ae3cd211b71571ec02053f912776c4ae0613e046f3e95e8739d94bacfb8d74b798d254a7f8111e4e19fb1b58c50512e9a19dae0c17ed48824de97423169af4e3b8807de12ed37a5537ada6d20f7e729239119cc6fd93887b532b2c2493ae27c8580b76de8b70030337ace16c9f776b59d745eb962b0b8614d1839a4342681b6ae7b86725965f92259b6a5434d4ff4dafb162e9fccdc4d27b991dc4814f91442c506f00c37e34aba12bb9908b755332a7cf36becd203f048c7ff4b6d168ef7ab240b817981638dbf7aff45fbbfb38492496300fed5e7f73f8424bb9c687983d5d3c8ab5e9282ae27640b7446219608ade060ad0a695526150fc6f29b2aedad7291a6f5fe81168fbbc40f7b7a9244ddfbf5669b704d7b6865439a9fcf267f186337f392bfced33cd8db825f7643a6b9c58fa156771e1dd08d5be384c95eef6006b71deba00d5419d64fd70e1f52a765b3d2aba0c1099abcb5a3ec727b0d70efe299379772b21d240263138e0df7aae9c4267b1c0cfcab459bf47f63f435e063eb52a83aa70f9cdcbc0f955f932c210a74c6f59ba7a0507db8269294643e91f5107de80de422c095a89a6b15135b9d01fc7322659c76d1de6073a21bb54faad3a7e76305eb56dc8793a1d2ce191415e549f4d2cf3cc2328999f3daa0bcdb5d077ba07dd29fa32d395b0893ecde79f1a34dd532475ce18baae50b281b3a39320928b8eb16b329e323c34d7b5bdaadf2dac9be9071b2b82e0316d9e5dfe20f980cb55cbe5cb497036d36a0f7058551aca9963ec88b8be2c2545e5697b5ec2ad816f9fec27794e0709fb7df128835cbc5c51b687cfbb130528c552d4ef53df620b266ed54d821820dece41290fcf223fa8a81a22a8a51e284cb006344a790c655abeec2c8ebbde4b327791e4df7b874eaff7e845e823d3daf029ba6d2f401512af079ddf906544b80da427fe9821d923e9c1a4dbcc504139057333eb716588b34e6851fa0c5633037d0deb4565e7a15ae5c7bf4160a3bf440f3f0b60048d5bf9c769efd893bf2c54c0f74ccdf2ef66fc7f347e714919bcf48d7cff0dcb11b277fc770c3ee57d24662ca3a8688c0529fd43f028083ab3eca0cc18023d4f34cd4394e354418ba101fac39be16944bce51019ed62ebd32362d7c6cbbb100f38bba1ce01f0b84f5078d8de953505121a98fb590ee9c2842c7ce53fdafadfcccea7c30a1e5cc47b48bd3bf4cb775422cc4af6eb3724ad4168d9aec580676688106f82d76c48bc46ecf26028451942396f754d642229e2c13d51e8e28484768dd2d001bb0b0f18fc85e0c8a2d27d7c3e525eea1c4b85665020faee093185d58a00947950425e15ddc6ae8cac1e49bbaa72fe677ab47966456833eb17021868b979d2a7b667226d199e940b69dbf567ee8b2fe1096278057a9811a4c251739c97101735f8ae3c154d4a1d2e41af362a85fcf5590456ca71e529cd53ce5351785eefd4f692709924ad1d2f887e1e39550614ce9ed1858fb5c4156e6239d0419f594f1bea2e0f4fa04076dbd6ecae7a76ce3dbe731374cf8f6dea45e5cd693e3526c400fbe4337aecc7c685411ed91df6e4e8ebe0548517adff8c2194427f6f543c3c26538d8cdb5f97926981ad2a0200b565f4a27076483b995a9922bf10a5080146b9b0c53e90268b61a3a05eae0cf82e25d3bc9d236902b6f0145742c3b510e3d4720a3c158bf1c9793e7b3224911a2de049a131665cbc394d88c55674f6311468141897a4bf673c51bb4e800702b30528e279f6196475117141714ddbbbb2e7e5fa989e0bfbe0684194e654b807316b87b3c8a2777c9a475ea9c60da50fc8cb4da627cf8a08250052ecb31a915d371363cd06e282bdcd31b593f2cd3abb11af4864346b1514a92b09a8a80ed415eee9d1846bb07f5734f67dd7c1caa01a62d23a56ecbec8ace9c12219519d28b1bfb0b833899d1bd07099999a4f0c68350d8b570752b7bf0dd5fb75ea57ee1eb0c5f5660e1e3bb761af860999dce80678ea425b5757c6c71d36d5e1d1e1575b37cfeb2dc3fbd61f03ac6a4aa4b86d7d4ef22694eeffb0b2e3972d71d7136ab518330ad7de1049a6a3e5c20107e466ae1d63aec94977407cb1baaed21120b580bc006ea8ba965c10c1e782de144a91c816f56795c7b9dbfcbd933cdfe657962574ff52b18a7df6664fa6dbcfc632811ea8590900a343af4d306affc421df712094077a52452962050c6fa842a2daabe57a1a008cb4632c4d8ec8e8f6756ddda14e4a181aa53cc92a25993d2645c671da5f8bde200907fbe4b99702186013d8b5b88d3d251e97cfeb17872bfff35f65d989685e1856d116ee588857eae6d9248f189b0f70926267a9b12d29c278412f515ce8482331097b5023704159aa4c1751455d76ea2b51103e31c1c6aa7487e4c7d4c9b257b40560ea714918fa848386428f95d45e07cf394d68b9318b15c7d0f8c20faaea1aa3158e7062ce441b23c646f60c9c491078043ff51d444b674401b46ff59833b4ede6447221b5155ec208ff8b6a606a68986902091f0f585d19f6857a28d4ce4f7edb155140001fe981d9a12da39c6de82d5fb94919a04fb79b4d2649b6786f1b1f4a676849b60c3bf0472f6d31305d70625941975325093277249ab8b3d14f0176b5e02fb34dade62b7855829ecc52aedfae8d97957ff81f6951ae70deb8576507d793869cde01ee6764605265f859be620939c8d83b39d67d90fb735c5e6dab4771a84de0c7ae901f12bd1f90a588dc0055a71bb0c4f105f1e5efa15639a9ef163bf3168fed1173090de5808a1965f41c90587e2920b3ee7199eb5e055aa6af7aae629d9052fa05ea2efd853c5eebe0f8556cb00163bda3eaa16520c1d8f866037bdd99eab0230485cb62fe03d60f0e5719f92db84f7cc975bfc4cf62d3b55e5e414754aac7e8b078d29d18980dcd4bed00f31cb36ccf06c0578f8cff3f2d855995a896bd364d0728f25318fe62905ac2da3995d2ec295c5ffbab1cf2c068658d7ebec6bbad41cb1e0

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