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
387fdda1dcf15a906132e620b19d710892c6013eb441951b473ddae11b798b1da67773068a03fe7e81a82367cc54a9782a4382a5e66532bf588d75ee439788a57467b0ec19f67b3bcef34f0bf5f4b0d1a65080667c1c146c1952ba120a7fd723ebd019d366f3f89a46b090685975adb074137d4a544104a93d5fc1fca0046c9751dd862256b0ca38b93e8c5f9c397ce8072c0b0fcc3886a3ae062cc6f2d253a0094c213b80af47821555c5a4431de5c69b97c942fdf71db001d9ccc48f7ab295c8f78c63b7134a63e239423ac7ea980c8ed4727f6ab2e5eaa58d55347888815d6cf7e592d74c9f620ac72482757298c4385ad447fb0ae9d05f36384cf5657200f70789e102e63e637e21177b1007eb5d84893976887f6176c2b87955ef1957466e520654cdff4f6bd05e18178242a9ee076b41e819658b7fe3aa439c99f1cc8c3a27cc50ba399e786ab76c58a6ecfa793f687b48952ea09383c79f8f661843a1d642e3e9533a8b5c8c38db7dcdd4928cab0051989fa0e4fb21baeeebd0e8b6e9e371ca3a5ebc183b267538e3e394909fdc349ddda118ef296a1ef708780e08e1805cf55748033655cd321659c646a588962c4c99b7a1cef721034967f54c95fb3f401bd752cdf0ae9f07254977054351ab739b7510707e9dbc0b1f3db620d95acb2097dfeef366db6aec1a79e434c870a4aeab17a3ec3a0a5741b005b1ec47291794869eb03d79d8c0a24362df71f3ddc3bfed5726af146cfd889019e0201b96169267d423340a910bab3b1915e4ba3d45988ae62e0ff3bc63829b9271322ebea00c10791691dbc559a8db4af2bc9801216bfcb48f551ab47b71eeff9dd360bf94a999ce05af5a55873f120853ebb4289b41007823b00344a9ae5d2c8d05e775d0dba7e1ec367fbb3caaa69fc9d7a6b9ae32e103d3244c4465aaab123201128348c15a6fe6db10d5874eaad6c289ab02aa3f06b5579a9f3359e64f884791c9ffdc1be391c849386d689fa3e7ec512741410157af99217ff18bf70f7210ea209aba7269a3e51f53ce9fea592fc61e943656db45033c87b16ccc530408f49e4ac4f7c4814a724af3e1a2b4fed30fa64fa961788f463e83b858607601af96e17d4d98b0e9bfe8c604fea23159ba9300136619b15e27941c42e855cca5e0d0e4ccbc9160267c3f27fbffe16216554bc884311f68f7cd3367f1df0970df9a8e13b10201906b2ac5dbeed5ca925e9b55d06789d28ef1ef42a28e5279cad5f01b1bc240311f32d2a758e9cfb967fe81eda386c2263f14f4bad3bb41dc56da27c51590e80e204afd772cc22c6b3cb8aa84ca90ecb3ab1757379768ccce692ea2d291674f9c1e28c57d375203fe175144d0a683116a480dc6a05aeb84a0b7821292440f3d031598ccdf7cd7d71494f968f7d3cbd9a288388731dbff153187077ba5c786e43e4e01b80d0d43fa6ff78488e57ba30e32893831a4dde05455042b5f6675e0cc92a41675f60a59382dc6065030dcb87623b2b2c000f79782891fd0666b872802d1697aa67eefb520caa6cc9ef91c3045bfd4a2e8153bf5e2a861c5584b476525df0bc77cd5bc8a4b848b98949573264dc81f6d31928bcc06152ea698844c3ac0
Form options as list items
View code
b1092d793c663cc1d51613602d2d5498613b94d197cf4ab66b548f5b8a8d5c3a2fd4e91aa57ff67712f0ab9833a4f02b4c9d6b43d45c49b0bfd6882d742dae70a054c496fe5e3ad237bc77b8db751dd82efc9c51ebbe6797652eba5b5300c8bb27895ad993476be84ed6455cb9b6669cf8cc19e9d7b7833c10d234c92debbcccd0d882ce2e41335f70cfc1a308d7e615a5ffe515a0c9f1e6ba3a01a20c32207aacdef89a8e73335bf837be082b3acd4dc7beb2ea3f8b48683c26edd110bb785e866af0645954e64e9afeb0f0a6978366133e34f5f79b9bfbbaec653586bcecbd99d8606d5967624bd635f7642512ec32d9d599b3cb6daa38b5ad0257c4c1a038bb68285100c957b1b2a2336544d3de223ab8f12a8d2daaa986692108597a1e706f3cd35cadd9dd06e6a7f1912326ddaaeaf9354433c2dae5e28bd35b775f2befadf487b64c40bf8b12d8d6c87c57297e8f1de33e4ded4fba445fb3de4bc68927cc436472b5d67fe9898c832299a2cf4e37b40de543ea44b5bfe2361b47a39f83c28fdb093e847084ff5f3e58db3bb9a5e533db697356d586432eec0ef2e81b0a936918630dce85496936d53fdc5b16acf8fc45395cb295f9a9043bc33d1cef87c35e0864a621eea79c44e64dae19db0182c9c925cc375df6cc1ae3383973e50836aef806cc3715d014ed12588685cec6f9ecab9c3c10f84d7219b390a5745af85cbe903c4b76d396c5503116152a084f01c36746aba644ce208eb5c882ee260a665e01de1a0b6b25eb6c863a32d9ececed8cbefdbfa6e6ef3555b7691400c5319371905f15c3d5843f58e780987842562470aacf45e67acfecf1e146d7f3b7a0fc150cc419e3b5d5e0709d963d2e5a7b6cf98cffa96dc0d13a0e32ce07e789f38a9c69048605d300ac7ed5dabd724d008e332634e1b793fb33d49f668c5ec8dfdf488ff76496c24e64c2d589351e5c80a38e39224ab52d22b964cd28dddc28e93f70d591c9c897c6db695da2644d74506d47cac39625d1876b319a398a962507bfa1c9bfe5c122eb2ec46007b3d8beff7fa6e2abe945474ecf869a18430be1c520d5f716a928134e68bcda876038acae4eaaee8028cc8941971bcea7f4c3e0e88cb2c614edf805539964d43b868018508d1e7918e2e723d5be3bb2bd619962c1793b131dc9f2f3121c380bcc65df055f78462ae938a08be2cd0f0e15ffc97916bbdc121331b8962cae995abd71a410d83f80562aa7db5530aea88142a7119abeecb6460c6fa7f24626181e886b425e7ebd8571f0641eb5d9da284a79c96637ba76a610e19870ff4c3e2739515a61f30f893cee1e09350a5b6df4e1c2293ad6eb04d701e8c9b6fe31ade9199b6c91563c5dfeebb3d86473b0138acfc34eb41637c2f164000cdee22ea736c5e8c9dce87b2e7178a66fc2297e47aa589ca516ddd68062e59490fc353471fd69fefd074998460d8aabc8c49513e94084bd80975a2990a6469481f60f1f37d9dc6644725a970df89e093789c09a2a8c117b67e200324fb112fd2d007a2bb5264fdf73e21bc878619d840eb5491e152c103c285ead48e474fac92f03475ce37d27e67edf08573432897ca835abe4008f1197780d6aaf621138a7ee5f30043944187b28256cb7bab364b35304726565c5eddef87a607c2f543ee99d0d44d23e64dae0620cbf1f40b3030cf947ae43813933d6ae9be870b1d31e209a34dcf539fcaab9fa793b468f67a885ae7f0da244d34cbf8f73bba584418ab61a2e19db28257c2d2c26c3b1c85707e2ad8b655462e5c564943def355a404f8a81ea3f3efa89caf56f1351feffcfaf5582a6939c3645da3057e3135c7f59b7704316f7b9f52e378507b44d94cc7f1ffd988109c59fd902e462c51dab89c74ee9ada39c47254684af2dca090df64efb348c2dba61cb7e17d866548dffb5a1cb6dfd314d17febb0d97e0c799d9c8b798acde85d5c457e45ddf09ea6e54e5c43611363eba9c64a136eadd5dd4de258dc9c517c1af0a1ce237107131265335efdcf7c2ffac999eee2728e66e7a1f6431b9d5284ffb485498a6e5ff5eb10fa064ae07b07899ddd489becba6bb8e164d507db3e3ddd7cedb0c61c76da5a92f4717032c7036d8eae1478cf0628a89ad2c1a55b67e8fe004764f871d95d9dc39ad8f4b843e467d6ef80254a216f583deca611feda4c77ba495b085dadcc0a96e24855e0778a81e30433217be3afe587a6abc330943ce267824697736d96ac478a6acd7d33afea694e47d65a626a69fd70af364cbd55f51ffa225267652e4be66e4dd318e93e27ed94675f825511787b51cbeac084e1a28007090427f7f4abbab
List group with sign in prompt
View code
5eaf4cd043b028da1c97f895c981d0dc487b43e0aa60950b68a89ead89ddb5852cc2ddc9d21079dd2c7fcd356b52045ffd47874458f4596b1100fc2dab920c41958a97586bf9a9d189ea1b3ccd142d06fa5ee90e171332fddc50c27c8d1ada821a85001a8e87175cd0bf5297da2ad729ac89dea94f18c06c8bad9e15f3e36e170aaa6f461e4b43eed0276ee7c730241192f31940e797eb038c4623f74d211b21322da037898b20de4db094142dc7bde74f8b5adc43c72012a19b97f56c0a1307634dc2f4bae373c7fd8af5b46ab0e922f28a0408c4db0be8d74f081d84ce9955ce4f9e9cdd547282761047418d14bb9d5cc42416edde2ac3b38d2058e20719d2ba65f5df05e512b622c47d878e7326d4704e3756c1a822df4663b321fdfc26a2406fe552f5a43bd922a9f18e94a2a1390fe343ef71423164ef03f9bd92e79d2edb70a4ee4b7ee735ffeeb792e319029f116c0ec094e52081be85059010e6f2ebd38d43e9328f0fcc0e66902ea1184990a534cc55b6e482aaf511fa65ff39d01ab710a88d124227448c2323899a605f5bcb089de1675c91901d8d45966657bb86ebfddcead5021cf5108a5eb6ec024288ca7caba7a138e886ba6c734a9bb706d8f44da84b07bcb952c2fb8eebe9c843bf7610256bd6af121078d74b38d8d9d98292fa2c93f3934bcc43e0de8234900bd07d817c25c7696e02a7b961902206e4cf7874da9ca32dd48add386377815c7a5f4c4f2cc04a07878bbfb80b773f127cad21f4fe87e69e2faf421c6cd4e9219f36b2999792e9a217e0abb508991dd835014dc7f692a9f38b29107a6b9d8f96321d3afd6d70f61b69e9151c6d2045826d9a48e7dbcce5a29e8698d86b860e863aec5dd4ead746bdc54f10c9964fb1816540a7653b682ec5cb1039d01be82503183e252acfc0b0ad5e4fcd156a1f465bdff684e763c1a6e6e53fc3a24f2cd47338d4c39a190fb997d52c733bab74dd0a9cbfc5ea2140d1984feda0983bbc77de4e81033ffc8f1650c3ce7effb762901f77f945e5372aa8bdd5ad1ef3385acbd00933c20dead4c5cd0acd76c2350a63b645228ad0301b3fa939137e2594edf3f8ab3e036d932430fe08d20ae921de1f45b5781f108941bc24a259762d351db96a674fb4319934f21a6641def9af9badf63c4a7e50805c1468739ed1821fb04d96808acdc82e1b9f695a570a4eb48ac96d8a61dd3c1c4604a0a5eb61fa1879039a5a4ea57808070ec14a910b496d494fd511db5f30f1de4b2543a62aeaae69bc4b6b7c4c353563cd0b50201f6db03e82fa26cd2fca4707045f2415c1eeb76940b33b78c307125ed1cfa3d20a3b24400d871948ba46b749a0bdf4c2458bd7c32537339655ffb7c1fec658c7d8c2b939bdc4ea7ca193b3df318faa88ebf0bf38e881a6495da65404797b8de463cb74902f512d2c7ef7dbf07d8d31cc843323d12a732983a73e945c898e88fe79f31fbca18a7f1757000ad5546f285f41ebeff236b60100879a30ceaecab0197774d8e097bc884f368d76488a32e4cebe49e9ec38244227b35012692d235c9362e8b4d9bde34f6b87f97083f7757d9795f193b349a8a4333b90a156bc54777424e0aa1347bda825c2658313cd7e277ef86f4a6b361965705a7b811f9852d2d08c37f187dd6c5d8773fd4dadb5eba0ca3a2c2021c0700263f1a108a42f826b9fdaec11aa2a9a48167aadc98ef9810c1f55db98ed313eb0e1736c1e089b254ed7abb6cb9adebde1a4a3cb89872997fbcf1076bcc629fc22e5a155625c13701a3e2bcfe4667f22b5df4a2f06d635391472a672ebc7f4aa549c2cbcae9f1ec586183b6af8f3a31a7fbfb15345413fe4acfe3bfe179c612af8274762bb1fbbfd07ab21c3c42d34b5aba6c82e7beaf71275f641ff541bce48fdfd5984c01e223a795ee4e702bc868527aa3ab4df29b6359f0b10691fe2e32d7974f37e500f5fd2e96602b4b80bda2d770e57daa9b7be55737cef17f0dd160d08ef62c678e4fb0d731a27388158c9439304c3c4914e3d03d9abaa6a2e9c65806c7116c446b48454fa0d31e48b8385b3509d47beb6bdc247df542ac036d59da0f3a1e96d8de1b6613f6730ec97fe9530a514f33a9e726ad4b39a705eff4b5c675b6dc17d49b8f9957299a3a891ebb20b05224b488f28ef8583159933556db8eaaa04599984caba01dcd0cf75604843f973ccadc7b6122ca8ec0db6b5602f32ae07d62fd3e15b91425cc2ae0a4bde906bdc76fd50e32ae90b03c8d5e435f279a185e4fd38bb858643849129beca2a34634b23a49c99400f509200141d2a3e9acc808bd9fd76e33de00bb9e4bc97b78b1c25d003f2803d8b3893253c80e4df90ac413af29398fbdee674ef9965c229f9211d86b5b35ad32923de4d0a9e351d24ee14107cc88c06856e77ab64cd6871945eb8da03c276617b230f2737c8717291d980406fc312e8771a00bad76462dc0a2c25de32514bc7ae997114af02f62c2c886ae312eb7ddf4baa4b19dfb918f676e01cdabae98c4444f0f2f4d68045445c706ae62677143b2301eb36395cd5737a5a9f43f63cf50a68fa2acfdb3f073a8711328135f5f9eb4a5ac383a2c7f12c63b2a5185429383ec8889896a3b974ac042c66d3c303c6ce3be9f45bc093e41221353b7c25021b5535a8aea739cdca4384a11d9c4009f94304780c6219da2041449c595ec4bec149adba6cca3ffa6720833b9508cf8d4977999932be3e73d8fdcbf5f48e7fed6e0543c57abf78aa0308e7b8d890133ec770bad615c6df147fc3ae2ea3cec018be6040f6fa1f9deb727968decf8b09197ace691fee03c158803e927f8ba747c668e5ce68574ee382f61e65fb9af43b89a71552af9a058067bad66a7a9ea0c3dcdff895cae51e0136eb4d16f4a1cd9baf115c2ed06e51fd8c039e8dc9196b1ca40e57543b8ffd696846737b2fc139f32337feece3963733e87a79b549f179ce3486c0f6854268b4e2dcd0f00c83b2461e897ae1e480a83e24e2ea39432a3447e1075bbc3340ed827554cc0cd20ca5a49375ffe056311da95cef215178aea79dd7930f1936a1456285f2f5ae4b8b57e99931886e575192b3bf9938443f17326203c02221c368c5a8f8f6795c59e022e8cbadeba282cff1b6236f22c6f9d4109ecdb6d544047c2260c4581b68294282a946e6e3bfde14dbf735982bfa446251a22c76d8bc1a9cd5809786ea6f071c9acb05c12a5c7e89b125b40fc4df0bafb25f7901b61618add6a8234dd00d074b74be94f55ada0ea34fbe456a098cd053d58776c56d347f7ff98f67a2d6a88277b4fa3c3a9dfeefbcb2950d0220b1a20b20a5f921dfedb934eb8578aef1d0dc6b9e0a9209b91d9da05af7843bdfe8ff141391c725ac349d2b4d857e1335c44787f168edf8926857c006f0c862ce839d0b9a5ce0bc296f124998a62e75c440593c1641d1572a80500546b0730ae7883ce444ff0c7201df393e12c85db970b72b409306e9b8e204520d2f8d0c2b6f2f621b8f0a9046a5c4f7f9eae703e15ac983dec71c9e2d02f97250e454f20bf12cf69cc79dfe307ca2a419d5bc0618909de454423d53395abb35d87b2cc01f4ede1eaeaf56b33c6ca4de06d0a431b78ac7bc9266ed5bc5261bd5b4d9a463d79acfecbdf01bb90a8d89f410fe2fd87842b7bd81ea22e35117681d41352d958c8baac1f730be1836567d3085ab2b453236a15656be01f09be0c9acc22e17683221ff9d5b1fbb26b689f6bdd97942ce2ab4a32fa5cee0baed722bd3ef655534adb091ecbed885b971ad4c2de0631023435f046b6a6baad000ace31c1e0b4edaebd42ca54667e8d43640f01351dd40fc650da53c8683807807a27dbca56b73cd5d579ef329ee5646ee479c1c7a03b92f9f6518302b70ce3e5e74dad1251aebe386e2a2bd631183e62449aead43b06a59407d379036dc2245b6aacee85754b9a74db50fbf6f9d7c9987238d4391f7b5063cd5142cb2fea147b03b4d712393d0b51c9864ddb3b6d8d6299c772ce60b31519f58097c2477d91b68fa516e56e0d9ceac8f5349f74ac05558763549ff1bebcf1e31de8a35ea78e939cc88ad289f80dcf2df08318d8b82421ce6903ccc5986be3559ed5eba2e857cebc2f442b0b6ff9cdc5cc3aed28098e692adbef7fffa9ab2ae73140de666c459d43e09a2b8172dba27bd815f72ce358d35c96758879f944a3362aa786727891fc1c93b7e3ca214974382fa9e3e515dbe7edd2ac7d02c6c9d6a6e66da91a41275fe6666a78df060b4d23fcecea71f7760d9fa9dd3d3cd65f6f87de985101afbccbe705a3aa4cd8cf93e29682882711a984bde1ce1aff66798ef2eebbe68c56efe1b9e24de51c6b3be28ec82ec05ea1a2d60af8979a70478b67978d61ccefb138d4aa0f6ec62e9a1265ead8e4d564f518db36b96fd580b18fe9f281dc606ed2660707792a34edac6daded4158fa92fbc3d614ca683dd6868a998c97da2c2913264527a4d3775c00d2bbe6cfa1ebe129230c46157e00cee078b0613fd9cf0690179a9eec7be898038d6bc8fe9bf8721dbdbe0995d7fdf4bf79f51871c778c20db0925230fa778946c278187369a678fa833250581453b9dcb6b9bbfd5d423af4bea6f8bd26b0782dcdae25d86972518a941fe3e18d784074223e85f5ef36e3d55022bf433ec574e90dd34eba5a0945709ca49840d1a415d80988d4498370eb449ee69f711e231e57fac6fa95e1bf61518e763190d1708caf8fecec698ea96e1e2b79361a6c29e2a9c33866a13eb9bf97b17c408f9a125abdacb7414cf0c6a7d762834d36a03f1de3b74c75f0381b57aa5f16ffde35a5c8e78932f0548200a51ddebd80d1f4c9e3537b012b08a185e8055b739ce75a5e095e489d0a9c09a24a4714b7c1af2048e60a19fca6028ad522b47883d43031a12fdd4130f5ce23a9a2de804c5f96ac5135639a23fb2fc6e5518a4e6f8e960ca2346c3a3289894eec5111388145b2db374112c0eb0cba1cf0f9027096d6098ff42a02144bfaa790f847d2ad4bbf36bfaddbe1c7ddb6d30d7387dd5c303a1f92ca0f9c9aca50a2ccb45ec22388233b413eb764c60f60d551f7de08e836cfabf2ff3f21ec4f4f30248b36bb56477ca37c3837ab14150a9b22bfdfae8e5998a3e9d925342c8e8ae4cad4ac345b79916bd01564185b303d26c1acedd8889e6740d86c7f8860866e858991b569d71f85b66a451a479b701fd08e586a4

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