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
6b4dfd1a9df2c4b0403841d08942d5bc01bbdba58d660b7ebd831b0d2164574f26e69e60e7bbc382ecb1f5ee145bc56d508fda0fd74b738472602be598200821197cf8b2af51c9708b090a06790ca329ca6878bd45c6c94a6367b6c91bcb0267b09deda138f89fb3e49ee2be9f1fda077e6fa5f7f4b12aa585820b1b65d863e48257c3e324325aa4b08a593ca7c09f979426f5f5133b67e393928c67ff24952743d175d30b3560c259e44baaaf7ae6d73d863b50f8f782857d5a1b56dc293d292c61d58b8c5e7b00f271ba760eb276b56cbf4a6635dae47c50389960ccb526940a06e040bc21dfa7021ccbb1dcc71a9efa55908dfd79ecb5fcc930e4965e8879a6583f92d0324ec20ad681e11a6c46a04a7c49f034b291b7c3e624d47632204e5553bb129ad897e0ef2db5ebd60ffab04c218ae7b75544ad075baeb34adc40f056f82f42edf247a406b1aa2a2698efc37a0b3152d8e953179b9c02a27590b049019dd75e9b85ba11d9dd8adb9dd6e09112fb92c9234f8e8ebe99cd60b570b29c4219be929921217d5a2c9b736c99bedc853a00aefc7e79faf0d266f077cb4b610c083cb9ed6c88f4ac15535419c39ddd822db6f33e6b1fa474e2347e5656047c37111a4c22241c711ed667d33e85a5c3d95d780d4e5ecae098d5bbf8f931edfdf6f972a4c91025b6644b2160738f72f789651d78a1c2a3ecbe28965e2fe624e86b7f50adc6f66476e3257256ee12e199265f711fea1d479f599216ee5ffcc60c5778f1159b9b08a0a9b4ec3ee04d7e2c270669cdeffff6ed635e51011101a9fca23605e5f85d2f45c5628f77860e2d1b0faff281681d22237e563137e06da16be12b8ff24122d1216c32f2feaab137ea133976a6630b18c7906af456355e0931bccb5ccc80ee6e0388082dc526e07ff81f63696c9ef9238f8e55b2c7a2b2338ff7e9350750e23655133a2c18fd466da774b6a80f1b058740e93186992e4567d240a3d5298a22a76a218bda51d1bf171daf6d77deb00ecf8f8ab0720a33f5cb302265cebc761eccbdf1706663630e02f1fd9381002853d1a3a618ae88c5baed40ae0c63a882d0d33d9d8ee73c719fac4f4d263409f8bb0a8eca63b938932a2c3a06ef4256b670a6a76feff93a5384f2247e390f40ddc915a03d0cb4c186029bf060fa81f62d5b8754b76d74c63977d9e207ee8da2e208b6f410151efbdecc438b4f2fe56c46fa05f2961c945045935f856f6f48c84c8c4e7df6ba808793aba1eed746c89398bdfee05e1dbcdadc163f11acde0ef9ec44a721ff9d1c9101b2eca312f4b91eca9f50b7a5794d09b0ef4c8216c3892ad312cac9d642c37efb4fda19140e43afbdf87b1fa6bc637341f97fe08d476f2690ae7f232fe80a3fd12f1ebd16fa0ac0be76d03c0e06d1fad4ea5690b384e298f3f4337b33fecf060e82d192c8d87ec2b6b2bfa08aa1312d664efc317b0be837ebddebefdb1ac53c48fafea186c8844d9c2e9a49b72927341ecf8411035a1c3e5b8c85af1e4f55b03aeaca21041d095d1ff8742cb317d04f1eb6f7f92caf89ea000879bfab792d3f94e7ee2ae636f0703139c9783ff4d8783a8e262c7e960682f8d05717aac850598c08a113
Form options as list items
View code
d5f9d249db070ebd73fd04acacd8c43668b837ca1f01bd9e5bc5c42af2584f1ba805d18e44394ce392362271f561027da6ef72901ac70de55e80152aaabe9af8a889d1ca28856f442131dbabbd2ce978fe2ad97d7c232917188cdc5d99b5f5c91a64afdb0365a3e2cade1d91cbb4ada8b8aaf3b732159404f1e992ff7a1a6fce003ebede13530159eea59dcfe1a51531cfb221c67256bb4ce07e7ba523283b036e1a5802ef453200be6a4349aa1ed66bf1c0a4bed361708be68b8f865fc71e6a82451a9f4352f6b4d74c7a0f89d7958b89210ed4b8800c76a62a750c0e527a56c976faff9d4bad547ca6abd7b83491937559d9cef7c5d17dabd88e8c2a6b8c61b99e06a73cc46aa04ab093436c3160090215a333452df5f44eb8134b173b118ea2d8a75e0e8b04de8034b9ff2568f59a2cd6bf81dfa1d4725b92dcf6ed611a8902834e67a9606d0fffc2400f53d737740cd2cb1da533944350f13a41e1d148d213cb4080a099230f85dc7d5a116324ef14c191b9e796c6456c7f79d1ecbf0d6dee148d0b11063cb5ef849538c2856095e31e3aed07e7605f988e7be0d99d340e734f51c716558d01d5ec8ed55e3d48cde2e0caeae00b54153ebd73151ebc41a3b917a5dc613731aa79937232dc6e8cb37197ffdc7ebd2c1dad5ebb5c4c8857d99212b9cf0dc0d7312807cd47ceb521dbd055e6b39f607ee660786b0d97f8bb49773f8afdc9232171667a7726184810510f4e1c1e42ab7210fb0ea0befed7ef648f3dddc479fda5d10e278ce20bc2045ecd38ce514fe03c6d3ec180236f84f8968f9cb2dfd7e54cf5b70ff2e92b7c5c1a84ded3fa09c3f7af17371af94e063b8c8e35c00487ef0b5e7d71de35eadf9cf5283819c17084c2ffa589c0d9c9a5ae7b357c6de46dffdea3cfa815afd694883d4e985f28471916c5beac1aab6f7a12a9651cba7f383d963562712339b95935dac17914dc8e986ba93419a6ee4ee95e599fb23b4c9a77d28969b739878c552d5279e9c51329d99280e1dae81bb3c5d2160890cea27cdb0f1b82ba29aabebecc0688cfcae64364a5cbba0ff875a6c2a3b952e4041e91e940281e23fe590e8db9bf9a5b5f536363c90f3eaec4735dc0690815d212cbd8d91337a7baa8513f841b31a7d81f2757d87fc256cf1dad5b35ef80fefb503339cddb18ca1081d9d6c067f39ae2ece2f9abc370eec39b76b4e6e66bf54a890e91d82790f2a5454377b8cd6f86c7e11bb53169b8b91deae9c26da72d8d7a2d30a26d32c545583845a49308b540e8c6ea2c95e682d85442004e37292daff4cee82bcc68d8f297248ef2b6e9efd90efddf799fb6e794571b2fe0599242713289b19f8cb1016bf552647ff210ec2c9c0089ee25cb0ddfaef68def80120107b6f816fd6890fae29d3242ba8c3e3ad2ccd786a5eba085d1f42262085e359fab5a7ebd7b319b6de3570c3d997b0eed84cbbbe25d41c9966638b008c41eabbc0ded4908a318c8622a58ee55e113520372c733c468c42b3fe519f42e2b905e9b0e3e2d68a57eea85025e2278d9c6c730af7a1b62946e2ba03b47c5c8bbad632d44f9e21357491de85f34f6c10a5c9d48cdf127720ad0ccca09bfdc084ba42024fadbfb7ee21bedf67f93a1049fd599698f4beaf6673c585909c1e1f16f8903685c4df8b4b8f55de2e210e04e5a2483fff197421db5d8381f483e7d6ba51e0139ff6d564202bb835b172deff90572f420eceb1595167137fa481f7e3ee59d49d18abdcf5b0f11ce0cb4ddd202a12bc012381134400d47ee4723cafb4b162307f0b7e2ceb16115d92160cd4998f064d3040956cd9526d0647f565ac3e5e7cca0dff6e26166302af7067c545a59bbb8768fd50b6b82c20fa3b5e731234e864c0df4dd75a39482b549735906f2705c22c9be587f05c022c667d502b48600049470b95adf4db02bf5e380cc26352d4bc6f81df7ef29a0c510b14e73a27dc529b498e5ee46b75137fe4019c75ffd2ab95a6597cdf9b39e44e7fd054a2995ed05c5f9ae9928e4f27327a85615e20562b51bd4fca0a616c34adc846d36f0bf3f7b938c61830197845f2eccc0600208d99c25e543702eb0e0fca3f928e4b56d3a5250b0acfd4ef4ec3b929193c9ed6aa1043568b522119b6cba60ce23ae6f1e04bed415e469c9049c9ba600868afc687c86b2d2feeec3a266979fbf36f0b2767a5008fbb26421e384b279e17e0758a1c4aff2bcb9c526d95172ada6883034df840baa1787a8146fe794dd312b7afa989acef4a5830e1b0eb9a67a4eebf86c78650eb5bc1c1fc04397fd52f48f1e51ba264730fd1421338f8747893bb545e1fb72db857e6a
List group with sign in prompt
View code
252b584b863615bf43dccb0099a62b8182dcb6c78d043e97e556e27e57e46b2939588f9d22bcd4b7eb9cc229605172b090a349c516e14625d26057c19c87f3e9ac22d6a130a23fb2f2797928dde1054389d561359dfcd02701c715698f81f05405abf2de5f90a9d3cc101de6974c23221de3dd3be677f6d91bbf3eaed02049185f22344fda4ccfbac3bf2e82bcb8fae873cd24063dca40c4429155c1c50699c840fd60d5ec5d283ad24e86a5c266f77c31462d04088b36e674fd7153acf72ab37b86d664b274b8d85ef281afd4a5e98c7d7d93bab4c9a4fec9356ba8ea1e15de0ea8aac05fa7461737051469df6caaf61a8183b3f687c288a4f0ed3efd96373800de09fb54b7e11d0836b03b8eee9a0eac44016c4c829155a5366f932ae372ba69cca8d14b53b068787ceb74bd793e7b7cbd30c2af4d65d367fad75c8881b88701d44e31e242e3c13b8481b4b002b6b7a9edf7ba74089e0a2d1879ec5d784b12fc5a1982c2bd99f5122a86fba9abf0cb5b882a5925521d25ca0bd9c0e6edc0f3ae9e29fd9f82ea5d3e3ef58d42369a7b1c6d50f173456ef87b1cd553d5a9353f8dee46a621ef80fed5245e1fde819bbb18cb9a4c71ff3f0b4427055d7b9957220996323bcc0142ee5e36843041566f159f38821bd71ffb082852119b301348bf356f96bf67f902e78bb462a71efea64b64a9dd33d82184c7b7b508a1c1d40ffb91ad3ff73e4f67bdd4aae4fb88ff7b1ecf2ca5f3f24ebac7f7632a1b2d2b1f0e0d8eda4451ed6e91cea3bb297d8f132376e41da74e7cc90c4f47550028f6b815019a20a2c6640c716209e5e888a011d3235d3e57de349c006883cb3498f9488f49ae7af099e02d6010531210beb07fbe1224338ba9ff62c30b6ff8a6ca8f82085520afc8bcc07ba5a5a81cb3ae82a5b7704503bbc5ebf7119da792a2ee8789724f539388ab01a43f1da36e60ef43b52d693692a763d1f8be5b75e8c2511d6f88f5a66e387dee62c9bfaba58b1ccf16ca1290a5faded7627d0f79bef0704d598fee6b9bfd560f9216e4e8b7dd3a609852689a77d8d2b32b0c6a8d43b70cb55bdeef29fe38be694ebcaf2eb1508e8054cfda392eca0aafc49ef4b3bb2bb85aa70ba89f26418bad380b0bea8fd79d14367f44645e40501b445f83fe0e5ecbe244d42ae259885ca84adcc6886fa5177b8b7d06f4a9aec90d48a074910667b1dca5d862b85fac772da3a6ba96ec3aae13ad9c07db4c4ed3297df53ef34d929e35c650b0fa05f441fa36416a9848d1db58997a2054051d3953d408bd84158f07af7f88ed0818de205cadd5ff50a407512e7d2b411a675eb8127d0e048c2cc75618104b58371a62c43867aa7cb79e0e3ce87e1df262dfc58849bdfc5dba60079553879dd0a194d45b74f033d01b0b24744b2766aa6604355d66f4f479b890bb4ecb19441192bab6010b5e97ea8c3b7e61faadd7d38406a4df3e6c162761d77dacb22666573ca8aaf8ddd3e6a0d49549e269b95eb404ce933c10336c94aaaa52e56c95dd4d581c76875a7d6f58c19bb84a171b5bea58fdd7b73fc5db0250da7279e9e635043cb68e8b7a4ef93c3b389013d3a59f9899dbe9edcf8a2e165781a47fc4d0eeb74e294992caa0be435a7b9240c955573ef9869691d1640f90847f30d1b2ed0f1fe9bda1a2936e2662521dc7570257927097729ef1368e870cc54aa1c0217a3fd972eadf69c9f264a58fe860ee1f28c21a52a7541486ef2b95228be7bda20e2c46ad53cdcdab3f74191388484d4fdfacddd56aecd0c89e6ea6f91929ac393b863d61f4403958256aa57b0f81ecf285c4beb8c9eef2f89d587527ad8959c718dd6a53b8076af27e07a187d42a961ef32fb2084bcd83843aaa26a1954ecc489dc4a3f42421fc44aa64da701d48fa9c01ffedcceeab24541e8064d201f20f0c758e3e75de0e55108220ba23b4d87ae4809dfee3f28dc78af2e60e0e227f2d7b8b6f77c2d072c9241e612617e27a1161f50919bb00d458fdcf98ae051365f1e8c6e2bdc82423a9dcd5f8460c7b2799b812c753cce332c63de381dac841fa08845b2575613d979aae6241955e58bbc56085ad3bbd66a18f358452763d6977e0a5f17da09f0285548b24f4b72ea52616c33d0c6d17dd5f620f3e7247be823e9075734a9332c235a07988b13885744162e4a226996f778c47dc9ceb3456f119e0373115af044cbabc701dc70977d0ceed8b912385c76aa38f96d0a684d02dea8c2cf2cd71818045c0390bfce514f80af8cb3fd97435e4cae9eeccac57dadb76d279c798b4f44250cd573fc6a6b24df9798d2b06f3ed03b941100358a080360aab390b4de258a4917df6125b570ed83093d1b4beefd3ed339ad80580c75ca4f8048860468f8df3421cfbaccac911baefae266d2b5e5bd0108ce33bae88f3c0ae69945f4041a08cec60f6b4fa2e706fe89db5c3e966c0ffdf206cf819c985c1a33a5672140ce02a7141deef1370f04469b7a217ccdef326862ff8d26f228be1119e2681825562e755c37299d64e6e32fdaee2589c961020b311a65e10c526d551abb7f60411f3d27b25a00383f7795dd6bc713693cc4c3297366b3bdd3335711ac572307c16eb53e3bb32f6cff112246f90878df9d85d64fb46e4843109f75c397274569599efbddcd3d9626497239a9fb272944f412e88d606fdf27d6fa934e89ba1d6330f8bad193697294c0071e2b20c7f384ca27a2605ab69ffd0f5c0609a00a77266c026163ecf8363b861b373b1b9d1589b7c0fcf2282a0b10bcbdff62faf8b3176aca75a5eab017203453b225d426201c97931a03d4532a687aeaf7b61051e47328b83f7823746116581863b92522452276349a709602ec49c44730ee44df67397908db477f5d777b477dc8754f0b05df0406a0b18d8bd629b0500adcfcf7a30ed91c3d1b44815514676df19ad64ce6d4ccd1e77b63b75ef48cab6640c191afa8cfc7bde4cf6c4d9a4111603a122a1569e43f8291bf96caaaf7ecc176e846d6512f480913e95d4a8d0823aee47d5f09dc59b42b3691a933bb97b88ab063dbdb4d5d42d20dc53416655bd5252a299fcb9c46f7b7623bf616af873af637651d0270bf25326aac760592bc7a3b623d99fadb6e2f690584d217bd8ec5f079a06011ce66061b8ad2c04b0190d06d406fc0184874546e1dbaa1099a0089540d35d7e42cda792a7d094288bb31b8d4a23f3a5dd8ae39e915c991c39057f1e2a146025b371f0b585c5885a12b00c37ebe95823207dfb5006d2cd998cc72775fc5b84189320fe62e50910122cb01179abba5a20d3a0545e3540d942958de90954d836433594cb31ecb23bc4dda373a524a131ef974943495663c039d39a8c0636b2461ca8dda4393a7099a12f5af5a1d80c5f391bd816148f298af34f21434c8737f5229edbe9eca6358e7232c9fdfd9d85bd90fadcb18c6d24843c91158fb3ac76d4130231f88a5fb6f031dfd384a490ffa6e5ef1539a05903308e5c85937958db199a3d5b7872658a92b5e31f395e3edbaf21076291413051cee05fa6d21c474ed1d694bc16d534ebf1812b746323d4481be2f499e2f9008fb961cb278c3fb642a7027766cf5405fb2dd91fa4826af2eebfe00103aa170ff73563da68dbe6f7ea9ef346df078f07cd9b6f7c56bd9289d68f3d9f027623e15db94df90f1b4f02ba605861615f8d11a47784371e47f0c067825de919f4d5f40c6d63b0c3e65a6af97096e9440dc4d9a5f8bbc5eb88ca4616e3bd740cddb6f28e662b2e3843ca27cbef5e0aa13e63042409db97d269397b054ac68eb98bdd411c8c08f9a95ad72065a4158662d2dca02bcf0f39d0c52ec7c82e4bceaa2d816360b812996953972b811c339ad435926f92a0f4c20dfb83b8a7b8a89e4a73125d19e959ffe014331f4a60033276c77128557ecce98aaf078818ad249b5e48d932812b7026ccdb30c6e45fa4885b565ca0a3a91a6ade2096897b9277e0403f569adb97e5da3c4165d25af5183256440033a3b5a8004f1bd4d478d369a77a94de5bb8479de2be8bed6ef8dac6b0dd6451af35ece830ce50ca21a5c22be3e0b1302ce894c6753047c7706c4b3160d8e9bec8052b17bcb9284169279f588cf141d16348336fa6c6539e6f179d8eac3836351a723ce936b97a7d68dc22f5c291458e773f5661d6f4ed20632e174d5199fe2b2dfae0c0e1c8f35dbfa227f9c98bc142322c0ba555141f4da8708a8902dafeb555198109e8a3b47ea5627cf3233c0c7d7149dcfa343c0ca645c0cb5878d8206345942f40a2c53e133c15c3c9ce9206658f765d7c840673cefd2492ebcb18ec6db4fdfc2daf656d319d9d6fdcd86bf2fd0a116c9e2d6607a8bb7e1ba7a02173ddba2fd89751b695520d65e850ec769050305a8329b57b6a8cf05c57bc50b0ae764a1bbeb3f93a46b850861441a9a1c71f111e8edd068f6f75a019b8e73904486bd5a034c68b77a74289dc84f4229016c1c79ef4327123acc19e5778008eb005596b5f52a6d2fb9749390f0683c9805ab21cf0c70ac2668e0a1f744bc4694f3a775f46fe8a7ecf7ef5a57ab315da4546a84247aca76efdc24c7a74cc61e87b7a43111d6d60ad0cc247caf9e12cc9757d5a300d7181a8623e9697d7dfdfafc596c6972e03e6f7bd9f613439159d75535195fbbd0dcc6c8c129d931165a13256668e321b5b618a8f7d9672a2c2bfc1a6d6eda8a4a4276b1cc1825af488084d91c0946153a3d911bd55c35e6b8cd63a2b59ca674d5fae5d7d2ff1471dd1fd5a8a39049889dd956a416d60bac1ad9998c46e1be2c429b7e8c322afd5fc9c56aafc701a5bd647a69a43c7b070def2cb5097689c21b8db143f55506728227e1ffeecc2c28c44325beb8ec73982fb502ece2f8a97a3921c7d3f3a0a8e183316c816083c5a64396164348b95bfabc55ff8ffb9a39f2a0fa2235d25afd32f4b83ecffd0a0dabf87b5059a7c53fe3de2092980e3899027ab66c517163565b1048cf0e52c912b823ecd020caa261316c55316d787f377182487c040facd695d8f7e8cd3b5249b49a89a4b5fcda9c342589e48910a8cd328a0c40ccc31dc8be1a0452848e7e5a2780294a715e6aadaa415402c96f59b4c3347a5996518995c61dcfa24bd97cafe151c2bdfdb6d93b7ff3840b02deee5bc58f5375f1c05bfe0b72ec46f8e924ce7b81f74ba721b7e7b3d78bac6bf6c657fcc82a1be7093108b91a007c28cc6

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