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
5f99b0dd1ae96e589283ad8c104ff5a7a7cb692bb8e542357a3df7045311c738cae9ccaa9a6b2c07dc2d8f316048b4b4a0bfadaa2063fbcee5b1eeb03d26ec9340dc8925c71296d350e6f368329eddfb93be2c60928c3beb1dd8e3b515b95a91105d57be868540c68ce4e74cc7930e122765eaf71580a3ff881f2c115581e12642f30906918ba031fe0eb8540850755dec83587d364b5c8568c3b4d8dcc1415b84edaec39c6e04cf6af759a2caa42c67ee1a7ce66bc59644ae304de393d880b1ab5ce184ac9c15497343b2b688a035592eea11fccecc63ceb4f162ce63039ddd25cf564b7c2eb1ecc6f2ec965cdcb366a63138fd12b4441ba834e339974e2b35f0a877ce10ac7fb9014a6226b9f3623e9ac3c1043425947665bc7efd3508203619d8915129b97731828a1e1ddbbc324dd9719ac4544dab42c1d4b2356b31560d662cfc703c4f0db5c88a3ad1dd8d1e29d5730db79163603e2cc3f00c9237dbe925d03795f3a4440e7e02e383150df8686eab903dbac22f66a247063fd881a1653ece21df0d93bc88c5cd127a19191dd17b141d579198e59eeac7af6aa73b3e1c294ed6b5c1d1490834ba3f07254aec45bfa04984970afb8eee5d11bb71c33a00fa5af416f2358ab0f4361ad38a45713f060383686981709ab0a8f2f223111c7e7d6a2dd3de62a20ad8426493bb9c7b4cae76f9bf86f34f4215d84066d5a449a5b08ebb310354fd01cb2edd7ca3f048d3672165a9bade8e894f021486d52e370af9e8d65d9c90889d00f8c02c7051457bbdb567afe701a05d4bd1186c3fad0b17a105671276cb3ff448f5abc42318b45b47e0c632daf1f795305adaf5498d32cd2d6b3076581ddd2421bb67c9a67ef6c1054e841ef77d11cef992d55945650726f206ab01bf1a5de20b3c6a549a8701ee7e7d4628005e256dcfa0b7876fc4026cce12d2cb3b14d85928f57df3aa8d93a4de4a0b5e138dfd8022e48b9173fa76c98b970c4d1ae07604a76ba31a40989f4dbe7c4437d00137bd6a18b4e2faf399a99768ec6c0d3fd8446384f594be31073a54d2989e1ab04795a7fa293e4aa6c631d7ee98c001b047151bf7f2dc9ee6c5219ad974ad1deef9bc75afed3507b991b6a82cff5a1cbbc3459d7aceef18734e3438cf0addc769590a81dc5d30aad6e4c481e0b0b3279546a5fcfe5fd9e4cec7642c9249bcfd589e1b82c1be50e468085b500c0dde717fa0b64b4b033e2a8f8d2b73dd60e3c86f7ef6d8eba531c3444ab7d138f74065b014e67af8fe23a23ee2feaa68c0ae32122f2286a2449ea2c7a67e652d7e6751f86c203a1ca9555a6493f5d187ee861840d3c1b1f2695cd2fb99e47c57a92a4e1333f6bbb80aa52d2678f6c6bd542ef289c68ecd0b3527a278e01d3c7192c5e02261b52bf842110cd2da46027a538beb4fd5a0bb2eca04749ec1f2617714e8e4c3bf52ff0407f3b05c1d341223baa961549512f16e47827cd21e79fc5ae85bc87f55f186e8a534ec09678183f63ace714bbaf27e5bfe8817f16bb51a0d33a2c6b8f7b8dee2dfafbcce8d61d211dc79ab908bf6ebe0124e24fc67219c5d3618c03c80d7aace3ddb8c5f9cde83ebb2339970b04953a48af653c984bc
Form options as list items
View code
0abd3fe100276deb47cfee65323e0b32dcdab7df3c94ad4de20d0bf391a67f1fa0c5d2de29cbd3e9b008aa1385ff09f843568e322763838ebd4d767ffb879045da4d1c4e0561d7c2353a4e499df776c62913ce9672465e232d810b30078d4a1ce93ea426ba3da6cb1625096f1fb7c9803996728cd4aee2080b5c378ca58c568d6097a0ea85c59c33d0fea85be625c7e8846be301ba21dc6c216fa87a80ee8d3284b71c714052d63143a87e3062dfaa9d94f42dc068735fd5f2ab42578b54293badaebfbc7d1f258a4d0fd3ba43d4df3ad3bffc6d82da7625bd234fb8ed594a210b4e9059714bd5c7587b01d2de4e5b64cfe4d29f86d9114d9826292b518b6da812421744d32e23c5d6a09d58f4bdeca174823abefde52ce10bf3ed4ee0a6c333a94a31c9dd162007929a751be710ea0d1ce91c061160e9de1dd27304436dd7635ac6dc81c733add032c20df14f2b0d1b196aa4a120937825b25536b42606ed88a6e4e9c57a2952b1923bb399cfd91553358c3fd0f15772c98478efbd780cf1ed8f053a74c244423de49d3b4910f88b9b4fd81c940f321443b8ad4dd5262f4cd5321d515c81209f59a0edac67217e679e667634031c1b6c3703fe89ae66d51126b5a77f9ec43674c5a143b322ee8fb331b76ee837ce6b77c387dcc442680f9c336751bbeca8050ded5e3b1a12e85861b0251b3dde6f766895384e946482785a05aa110fa82f23efd09a273973aeb59c4732e2f3099dac25b36970a56afd45d5486a1be11f4e37835ffa543c1f32480b05df3bea668c897fe0d99c388006accbb05cfb41afa0aa96365cb7a07261ddede835033ca7ebaae1ed1d60f2e474a1059a86d77375f69d3b7d054bfe00301833b74fc36fa2367a8010299ae4c11bf61d57bf0aae0f0595c20045bd0d3ca4100bb2c39fe175d45d2695cbf8e7d514ebe4bf95c002bbd85c6cd885ebb138f3396d362f694459fe6af2915a8651e2f7d2f19431dbfbf7e42cd98c3960624a5f7aa0c08f30bc2d9f1a344b61f2eb864304f5df5a8a8c4387ece171e7a3b8aaafe1f0b1ec9329711d8316cd50cce8e15320b1bc306d32d206665243303bda190e7b8db71a5d0e08249181ccccb4b005066fcb1ea66f0d736fea28594650df745c7aeab67de69c8d1f40997da2b8e4423e7c1f43bb29a38a46b256aa32c34d7039a671b09b707c6d6a5e5d9f705da95f744d1bf8c30bfe276938a1ee6edd5572c34b4ebf1d47b36e8ed6a10271f30600876541dd3deb10fd284afdf910709ae8da06fa125a028e401c559631300056da6ec2c32ef1d638e9feb59c65791a5126058040b031fca7af68e1a05ebba8c16495397ca04e724b8fe0fb12de12eb8b3f060294e01476266f021d98659b1f75e0d16874376887f47a1588a3f153f9b5224cbcf05c1602eca00fe68652e76f5a3e49f1aaaf55062cffa189a16c6aee6936f5483e19e88441ce4e6ecefce9b9dafb9ec451b394d5692e13157d560a2a3320457d229403af44a5c94efbb048edb7ef1ed7efaeb4fa6b0eb2611588d0e14db1b93ab7db9163f74b12da7c4ba76800c19293d403572695874bd86ede7896963a6b9d8f2d0fccf8bf4580f23b4e2e1c9d386995b9d8c035b066effb368a214529b7b6814fbb3f0c346314fd171725f380cf7ba43f13d15a251446980c87557632f755deceb9b8712c44b5e3bd781376b412b00faa639d3729e79e9b6354745e86c8823641937104b705d6fab3ceaada9a5811c2a4ae4acb37b980df5465b3967406e74facca8e27d3371b1f600dfb7e3552f8c97252636d13cc1db339137f1fd8d59646993a1676f47c913bbe70996507b4c4e72af2e23062a89b2a76d80be6a406ea44d9eca7b9eb0595012154a75565f0ef3b6ac7bbd6ac2e873e73453c37b594138d67b34dd0478ff9b1006c8d15a39dbbe1dfc92c3636cd5e644adf29b05efa31f04acfc02c06db3bd289e04847d7f0456be87cf386c7b848ef8df4590eab5702adccfe1661aa44bcb88f2b749903bf766675e8e203fac63f0a6812f30a87df902fa84d05a2d3a2418ec518308d30c8532f2db4472620e4bc95c2a10f343763837aad1e65f2bf6e4c53710f8208f5cfd6f0d6208de49a47c5e13af81fac1cfdf3551e12469b33d00a183fec50275fca667265edcf666b9778c0cf8e821a09c6bdce70002804e894e7ed04f6866eb633aeca94b9a5968232a004ca2ec9064e1a91bdf17fe5074499d6b5ca7c58ff500195652ed2f63c6399821f00191a4d0c728840d16778e293dce3feb0594c1a2fd16282b75746ceb504640b3126da2391a2482fe546818cdfd3815a2f04f065d72a57c160
List group with sign in prompt
View code
032953c221e9a8a58a60baffb234ab9682af4942c5345c3ef45309359d783ce0e914ce65389185f7a3168824a400598739edb42a66be33005d835059e5a2268df46a8cd4efbb0e089a59a5d5aa601e4dbd9548d24e0534e78b99a40f64087c0c03c708046073aa6446f0e7ea3121f63613c71bca7d3ac018c8b3263ef5ee8277e41731b864a820e17a04a1d3ddd7eaafc4b921aa3f8e29f6868768297ab20cca65010142a405ded072b2ac4450b82cd25f8d70b3045e389a8457d865fe1dea19bc54b85012b7575715d1b1132ad54d4c7ddef0e4dbdf77da9e3a431dee84849815c822625bf7dabbcf4c19435a84ab1f54a04c4937cb7699e19205f69824b7c1fe8236179711ad6189d72787c00c95731639c2d773a4c2bed28463b343cb9cf7857bd7d72ba79385ce8e6bcbdd5e765eccd46782d78f9549561e6a153c9e04ee2945b688f1d6a2fa24174cd4860e3836a921cd2a4dc518b49fb522d2146683a76218c954ef41df400acdb2b77be4ea17c1c304fe6dafffe663d84f5e404c525463734cd9104f18a9b23510a0b7236c942209580dc55eeee4d9068beb2ec2d3eb7e42a54facd43c79b20211ce6c13be8896dc84797d0976662c160679e34acecf9a37f75753f368a1a18dd22c4137c402ffe85a39604b0b5606fda6df70e465d41b4ffea3e7fba1f5f3d46f7a845dc5cae61df49d2e70cbfca267b0b410066fac91f85c97632df60548418e425829ed0688fa2eb9a0eb1034ab3887b6e15fe6d781484498edcdea9799a0530cc53978afc92fb27d762bb6468589a4b6d327a74558a012fdd588a5352d6024b40017e2b2b53f51eb0dae93fa11f8b2c92fd3d7e97f34ea5804739d160e376f7d44752eb5adf3e0c2c3dcb40e2fd673e815ba1bddb76e19dc333602fcf30dcd2c3bef107dd4790834755c3ce79c1efbaaa13e3b00f124aa2641a2efb14c4611cb07c07914279afab436af39b545446b8115a02001739fed26092d00aca2233f45e051f02fc4eba97fc05acc2e7cfde1a20e27f2517e4294f9e7f6484cd7c4a8d6064392acf1929aeb2e409e2e2b49994f7f055cb378288c3c60fd9f85bdc9964c0f75830eac1bc9fe2bad1fc0d073aaa695e47d82a2f177e54b623075176bc0ac26505f6b0a13da069f38119183ad7bc5853a481d5b2d6762657c1436c16a3e94a906c8d4ebaa7ac68093eb92657531e6a7e88b88d3678bd5d24d27a60ae1c0103953e85e83e70a33f686926afab8211c440524e7de8bd43e98aae5332e9da740b33abe6074256f90bc7006e57c3caa50cf11380b3ecd66c83d405db871b6cbd19802dc0871afcff5bfebe5e910bb38b8e9e7e3be2bb2b9c5a32078508ace52e4b1a2f31e68968d74050b3a8b88760dcba9dcf753080f648b83ee7878f5c9f95e22392be209d136d8a1457b9c86b23a1d180bbfed949aac5b6fbdcf21cc7098a7b6742e9b968a9fff787b580708619f4d5b30377898a0c2d66effaf550a7bab78551ac9861875d7549cc6b19068e4e4969c0eff15ecf53117ba4a2938b095bde73700fec3d2f50d5ab98c722d2aaffefddb16b66f1d32667f5989c6266a0fb4c6fece1599b7cc726c33b146df5a062d201e6ec099bee8816b42627fc1a65bb8206d4710aa1b168a0754cfe09f9f7660b12872c7381606bf96328ed3e351e7577a4db8ebc81b26399d7b3cc4a1418c164c8f341ab4f3ea1f7ac69bf27dc447931583df4717d1af1e27a0e8444f8a5b160cdde47ad1b8d2707d6e5e3e71051ed4d9dc8c1f12ec4f779fa69a4d5c9a692b1314cab2d09b46d59c33544406d36057dca0a77266c1b0f718a83b033bff4a6753bf02becb802609990936def267439b9f2c6b4acac740371e8b28eae3e245325090f05867a198246c9dc7b50bec3b32ba063e749a5b3dc8afaf594087156a5799be1e04c1ee71df926aa14a7a4709bf79463920251e1dc80efa0b610b4b8d99bb5021d8fe96fb3903f5912248852c6569e548ddf12cc0aa1993af9d13d07095b6a39135eb8b5adfcc28b9b633a70fe0b8b27155cf73bf752436d377b1a9b40306af18c7ffc64f3dd9510675373a25cdd597329c65ab1736dabe16798f866bc05a4e8da4d6f65acf485ffb75738415eb1f44d74ec7a9c0afe4e018772dd3b49f16a4acc07c7e81926841c9fc85335d6355f5aafc2fb7bf4988881e8e2c4664cb07716a881cc242e01c57e15e629bfbc9f59a7b2175417350b99a4906b377dc55dd85cf2f85bd8b833f26f1d239364bb14a334ce79c19c8d5f16f1df9e4ea8917640e29e7478c7d02c576d88bb470e76c55e5686ef4c9742d99d9011db743528daeb557c0a2794e9e97b6daaccc9463e735d521551d95ff4e1e49dfbc32a764c07312758f6a0409dba999d554d98b6f5e4125241e035936a0af67e3bbb9676bee908197143751be0734bf84690a23adfa547a957c3f532167fa602dca4fa998390ea4d1096829a56ebb3d877ade1006a039125bb6961517cd60b01dc3923334732195b57905723490047cb17664d4a34cd0149bbbed299d5d8c5aa98afd8f1517814363e8f2b6948b160c8a580b1d010225f8ac7e71fce8af75636d8908e2c207a49879368374b5e00d90bcbfead9ab38c5437e61f1c2dba1ab0502a5b874b11555067c3eb39f101f0837e29d5d4d769601234127861caccd0903560856d2587a4f51b7c9a6e3ed36b3dbe417e6085c1ba08e71d33f3568c02f41dadbb6987117a21f6e416593ee8e42f077870fd40e90d6fbeca1e52a2f46e3c92d09098b090999a4ff43af8ad4d16ba11d2bcd157248d952d26f04e2b77348f096d32207798c5c2f2ea62f65ef2b946d7959be8ab7205e443cf9ead7c431260d8e9bcf55cdbe0d4f4bf22e33333b31d6ba6023f86e50fc75280ed6725363a807487f69b0ee7852190ae69b8ff1587f0c6e1affa3fda0997cde2089ad171b6f7edac4784188b917212ea14d67027c2d811dec6c9ae724f2c3587e7dd21efe2bd9a2c2d312f1d28f67ce1eaeaca3377c83b898fb6f9a878557de28528c0196ab81066a29967562f92ca17c5e64d21d567d426b1fb269b99cc74a40e293743d32a26e328f876e83e95890b564cf68a9dfd732cedb38cafe2119a4ba10eed38457e78e906c7418d3af8064b96d0fd2a51dc378a1660503db0b0083daddf8737e336220760a084f1f4dc34b92d51b6c1d482c8d64be002a428bf7383539426f405d74c9381154a37e1cda6fea17a195ab1dc4531097c4037591ec5bf2ee5e3632c31bf319d2b39db132a01e8713dc53a969a590a94ff8f6e6f981721fa6c8fd1222754272dbb2ada768a19508aca791865f5ab89914cd6a02a4b5512ae0bf61cd655128d84a5621364ad3cc8741174ebb2f073da6c564982a090ab63a24afb87a1cbf9eb01e7f1d02cff4626966f08cd5e6bbe55a572b10104606226ce79cc6102b4b84e70143f21d66b26c283a256fc65acabf38a295a88b1063de6e66c76003af4793a0e78249baf4011e6af40a4249d895d74445a245e0b2d5e0470ce3b411bd872c11b982f9406069d8cc13bdd4b798309db44a01b0f35d0744225644b890535b17ea673857a7665497e3bc368ef9e685e6d8fcd3e5b8384e1f02f2d284442a76036a01b496864d279ed8278cf9fd28791ab11f993734b44f9e5433c30a6a7e8025f813e7f72de71e41b43b02fa306703d251ecdadbdf386b9cd71f116de2ec3f6e403da9d6f6bf3f601bc38e7d79fa49c7d409a16e90fac0dd0549d99b2881f6c1c56279a1967c8c5707d6458aa716ba0b88d3bc68c2a71c008277360eb461d9c09f16548736f7bd9b2f9c4e2355d3393cdd8888471433439e8cf7d49de21f0d363815bbebe8398481044c89d707e7c5f2ba9506df6b8fb276125769ce6809f70d406cb443bf4f7300979f78b5ec87146fdfcfd0e28671ead9da29b7082ec5bd38fe887475445657930844f0ac84a758ea2feb7d6c7c157b1c3b928fef7c45ba235ca7f0daeb382ebe82a6e7dbd68cc3b712f84195548634ede1804e6b784a383fe4ecde4e2aaf7f9ec26364b1822b7419e6a156f5f7ca89a17282585b98d29b1aa4c9e04e17e4c6238803f407b10b73ebf11a79291af2dd440489cd723853fac8b755bb463e81ae1afd23b9fccc386a13c6226dbaf711e2e9a6a0f6525f27fdf0e607d6b3394792dd22294cecfc49801c2c97aae4ce27f31a45aeb8d3066da060d076bf81eb8fbe675812a804d2d19de95bd56b3addabd3ad39c65b742d5c2847ac82beef25dd5284239dc9f9498495d96f1403201f253777674214b778c76756a93169d597d0cf0cc89c39a0195e4d1ce84fd29d850e5146b770c53d8449480ab90178904c7414c1dbf98769d20fd265350096cd55fc37132af12ab95bd36c289b8a9d37a9e7987924fd183c9eba0bda8b41cb1d5f35a3485ac206f56e007add68e77b1897ee59f2fa456adf6784f20069debfec70c9b2b3d690d713830a8dcffbbd16d9afd0f604ee9464eb7cd63d412bbe8b42fd3d238f35ab895b13036b4890de1af49a67660e7d566010870fe3d347ca5cbeb0008503c95e11357e297ca797b0a83323d03600a3e35f99831afc2143978313eedfe0b71cb310406170979b2ca8442aefc3a0548ef820a190d197cd0f37b85e2eb3dfc9af86dd23deb1110f71913947b0158cce3458ab155b2608944113d49e6adcdfdc716f53518e246eb949e605d2e5b8c273c27991c830550b60fcb6abe29c814ebd95696fc025f4a1ebbe68546c6c6da6df94903b3009c9a5922fd6edc23e7a465b7ce7991971a8ab7178d5edd99e03ef76e32c6a3b30dc17194cf1f751db7da6808eda2500b50cc37eefc7f51da97c02bdd66452df08b42417ed94020ef3eeb2b96788ece7254166fefe925ead0b79def4bbf5e5c7d059de2b40c8cfced5e059c51e91c66473a4cd8ddaca69295a8764621d05bbd6260084bc371252a1d60b7eb9b01158af3f2ff1357b6ebbef46d847302cd366041d97f4c87051236e776834edf8113f5110fe400808711fb78a62d21e7f825e124826eddc86c79ba4b0ae8151e1c0ed49338283f9d3e45429bc1e08d064a75b862de95d3a32bed0cd3efa41dc7339a1eac4cb34fd975dc2a319ed638f30a5396de12d61779fa4e143d5ed71386bb70ddbfb2328d8f269bd0749955756162f883b2d68c4d9601d0182175cadcf3c646ed51df01364fde309750b717dfff361

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