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
56a641f0888982d657223eac269cd11fc5b68f27941d89407a135c9ef4c4aa8be30caf9ffa0b8b25b7991ea905591ce01e63ca48ea974ea8fa8149b29e36917d2f8ef09d740f8abe9dd925d95f7ca658559f25cd5902748e8c0f391d51715024566b8dccbdcb11368ab37b712c344ac316d425bbe3e03a4151595658547f4ee896e8333b372210932fe78357da60c51ff83eac2ff7f34c8b4428f80946db245c8b5a1caeff6893ab4fd8fd60b53dd26492c07680961de13bee887174ab967f95023ea5ae1cd63f06998de30c1f4cff2782614872394f6b5be3c99ac5b8b8201203aa1ddb678bd814e28d716c71dc12116db487892f762396abc1a7001cac1ce0c307accca9d59654518275d6b6dd546e6641632a19d867294903fcbb13e2426727d81631d45fc14226ad7e33a709875196a7288c853436f965e00b056a910673d22e7d7cb6fdcbd29f81010bb2004880f34bd3d4c8a1cc66d539e8c374409dcf71aac53827dc207172ad36456fbcdb1517361a83ab6c4e4d307d9bd87f57cbb2da07f3e0527a5780e401e7805ae586f96bdda19057f4d2e0656d5791722eefd46da767f2a85d1cfb575dab3178fb534d96d5e76a4a084efbede08176dad04bd69c0b5cb0da0341eac532191aed45f0777523269efed572260bd16ad4d6d6d6a8d087473d512bb0d0069863f59fe746b78553d6196151dadb083c2249de570e2757d1c227d21a85436f6c86b2285f292800ff9c4529222aca85b73d7926a0dcedead1508f57bae3bdccf7d1c3b2152a7712aab036613252c2706c2584c5bfc1996f22d98652fb649f6fe7dbdbfeeb9151e86a54e88441dcddd7ba774fe664d73e80338c6fe44d34785aa52a22e9d72bedb11297efd3b5f992acf7737d07db4c0c3995f9812b1853928905af5886630dbdc77f45aee1e54d513e2d7f8a8eba970f507903d9febf394b3173692addb04cd1d733302b4392f23a3529bc5b8c05ca1de563358008c4ee53790a3c9e53b4c9e45c1a712bef2af4c867c3d0c7b25d6ea532209bd64bb36aaa67f61f3c531ddf5322aeaba43808b71440a2050f76110967b0bf61885e4f0edea27bd4645d550024adc0ace6fc70f2d00cd6b6a389e2f7b69f44b38cc2a23c7c189cdf7b07b9601510ada5e339e1bbdc58f9f0742c535597460502db6febc5de7cdd36f87b3269fc1764bb0dcfb45c77292f98e36b183d9a84b97892c6cde0c653540cde9945b5acb1bd3d8d6dea29ca51c86c360d6d46d22dff0b02fd547c7e7b98314b0a47e3b554f482699494603cb454b7c6187dd5c2220352d05b2298b6880d521727a12b7e78dc5ec4e7c5b181832ae7f03941e229bc3b87100f195d379d1e17e8bd490ef09e727211c9300dec14b23449a914455fc37162b9f47859b7328e967e68b3c5528f834e2904ecaa38f8b767fbf970698e4c8a5db7e57be06d14635a4b05d3ee51393f485a8f557288ac5868f67b821dd6d7769918d81aca935ec6e97a5a1fcfb290ff053104d82d86e0ca37a77b4dc9e154629742bf36a20530abf5d72e854b20c7fdb5f3acb3c5dfdee751e57e2f004115160714fa82e8c095aed21dfdc5568a68a6db5130602a3273fdd0ffceb08f15
Form options as list items
View code
001083fed7f1bfb2eb2ac99892a6fd57b6f15a1d0722c55990747a64c5019ca04faa911b2a687ec1cfd9e909f2ff5657e28c20d24be3b605e0ca2afa79e68209766cac483f510df3055b909596aaa6ce54d48b20ce69202fc3607d18219f781d69b56ee7dbca7566c3bc809273f8fbe173f7ba2792cbd65d841e0a9f27e0914e994c1c8fe35d921e7b1124fc91385a2cb5f4b72881a569ae3436db4e932d51e1c60d147dd033c08cbd7f34c73ccc629ecc3a511e12980e4d56c4b7d2be6a1c00c8216e2c03eebb33e9f44b090cc4632822d3e3a1d1b22be8cd347dfd505ddd969b8880f7a33b7f209e7682493f3f82a697091bac3d7b2a619aa5b29fbe6486cd40f3fcfaf51113e27b39223f35715f20731c69a0e56ceb7f9def97f16f41ccc088ae3122b0dfef7088614d24d5ca3d35306adf33ace35d204ab1795a7c2a13a29a7c4433829a1a29e4db76306cdab3a90aa43d31a726f836be819621c1da1189ba7623f52214e54a2032460afa48890809254d1faef50ae68ec22afca90a4bec2ffeeb14506e08d7b01b6e2ba00d3d9d117c7f13c17d105759701958a00051fb750c1d39714ddd0b664dbb7ea75b960ce33d592b838a476dc07588468237cc492cb3878fb211212a2c5febcdbf26355d4666d897c19be9591a108cee488b4ac252be52a4bc37b4d5273ccbf176e6a3476a3c1b4b43bfb3dd0617c5595116816801804358bd2dc5681dfd0d9d0362dc4d128c5abe76d28ceff80b6cd9349839e7c1db6b10bd290137adc8e282c36dbea012bd8cc0741752e74d4906649aead04a60ce2974981685f5e4d0b8d992baccf6ca686ba8473e414cd6165f468988a3a4872539dd8c07c70f5b270790bf3e8d0b0ce6317f198f73374c02a8ee138ec6aec45713d1afc36d31b1dcda22cfb2369afad408d0d8e6d3e5e8c8268a8ca5154ec723e93c68accd7894c9c101e9779ab9b2f4157aba3e5f29d5fc6d7cf327c1df671c0dbf5e22135123d41ecbc42c63f0791876dfce737385f0f165f015c39a9676e079827b8cebfc7e153ce147087a07b0bbee447a05ba6f5f283e6fe7204121b68af0bdd9b0e37a366eece44637d1c66e4f461f3d53e62c9ed88c786cee5708acf3997ded5aed78c81129283e7c50ce0eabbc23189e892f0d10c90309073fcfad64899dc4761262ddc6eebd2660444135f09d703d7093f34cf6a12b2b80bc296b5e97b9c9824e16bd82ad5ff132cfcd3f40f7d23fcee9d80a1fb11459d251e4837fa4a86324b28f7624af4e5a870bdbb8ae794726a235379ba306ae0a699f338190c048d6fbd50c7281738e50719c19bf6dfb439689f40a205a2ef2762b16d2f746773cf6f2c491b1c1a52ca7218cdd3d8aba8bc8ac1a699dca474013ea5ecd96eea78d993b12fd787481743e3a8697c30c76e6c5368b0ce3cfaa535fa574e5448437ad125c251dc8c65e94d6847b2bc020eed54ef1724efccfbd92f11c8e29f24d8d52cd532303cd23db4aa5cfeff4caea5550ee7edc02b67bc96b327e9a39eda93c286ffff3cde5956e80fa52acda636321c41d0d36428083869b970a918caeb4b9d5e5a44d5545052c54b5118a4a7babad5ea0416e23985801f506c13fe2d1b497a3873055626f88dd4629007e9384a9382beabdfa13a539241f2a6caf6726783bbe592ff26002cbdc05ab93b948eae72f6e87fd311482106ee8e62965f1981eff43f59713807db23466eb741e02ec0b6a235b33a999761e9acc5e81a8dfa6cbbae54d7f4f74c3d744caac85535eb1e489e9eac2efa061cd02faf3ce77c71ff687e35a86135ba65e8b907f4896a4392b27a921b7f37f92533bf8da0b8f8e083bbc83c62d59bacd2b1c534d00ce1c245c685037e93bfc966bbbb1ffa0cfc2b0383eb394be8c876653e1da21a6d7f43484bdf49492241127b48de893f62dcc7572cff28e2cb7f2ea2d406687271baa1d46056cdb18c15f522a55f6bc40f8f460f33ea85b9e4f6ed3010b378ad76acc195067cfd5053265fcfa13d7ebcd1296f490573d84b16ca09f6e85bd91dd672bf59a159c508e2873db0a3107d8f83a39f5670f536d8cf69d1b1e46f7ac3222947b256278c2e4236edb95f7c9630751d56b04c9edd2518b69148336515caff632cb20398fa60b2fe7ddf5254f6086b6540d0ebe15d96e799b31f1c3e163ad2d07e2b0453d1aa8f5f56f89c609faae4bf4b539848cfefe0b346c1847757fe33f81802b6b87098625bef737a86475c6e2f3f8fa5d9c8a0e275588a75aa4a24fc615d6b200b6458329dbb626dcf99c8e28ed401e45784aa157f1d5191fe7b0bfdb26faa4be0e20e7a6312f36236b5329524b
List group with sign in prompt
View code
fdfbc4e9b018f7c998e829da2cf08cede558fb1d7b82ef9ae74eaf8263ae9ca5b4187755a18fc48d105d3e488dfbdf814dbb55b36806d8f52b2884e37bba7d63c3d629a63fa95bb804f0739a9252fffa075f08ac741465f46e066313475708093269e46904bf168ddb1bd34ffccba56c7a560dd50f2ed8a229363a057ab1f7cf02ff7cd2a78bd7d597f4d43ea48370c8d458a1c49a3ce12b90a3b917817ae1ecdba1fa0aabf3a9247c812b85735c860bedc6e9aa1025285dc45109ed3e6f0e683265a17872746071bf838f463293b85b2ef07dc8789b865d7d643a64c4f5eefb47930498d6481ed23d13f58c0aad399dcedd75748ab09f9a77f48f5c2d017d9116513a944f9bd3fbed2ebfff2edafe720497d99e7d75c72e795e6f9d09553f1a09f8b6ebbd336e813ba5b99811f1bfaf88b56975d61de7e65183359e569e227fdfc72412e693445e8bfc25a47d29053e19d1a952311aff45b80752d63b147b7002bb52d17f7b75f53ffb6168c0c103bf460499faadf5cb3671ac95255319d1ff7e0d687b8391ab00a9e2ae324dcd3cd37d71968176c5964ebec0ceb29b3c9ac1a1b70b39a5329bca225b9a65ce720f0429a7a3a05d010bebab1ab543bac1c48a8d46d653056ec7a8d854f667f1a93cc1ad9c5511e0c0849bbaf33916a128f5b27baf34c867275fc478c9bcb3793ded6fd4b25335ca382ba25b3e11f94a9157196825e5b6d8beb73261c87566a7fb00806974c1fd6de9cde7345661d2103e5fc80debf3f6f3af033f3325fd3ad6d0d9b44abf064b76f7b931d382d4149f6abeebff26338651b69f98b00211e20a36ea02b56fae3d1eec416168beedcbb4683958289afeb208215985f0f2f90d47d774525458634bf1e78089fedec498c68924859ac9219adf912c9b21fe05857560a6d9daa3a0e7c107dd7a7c8e043840c95ad018fc4c77b5d4fed1444132b45927f563830f22df7a9643591618b101fd43dc321a475d38d44810c80efe45e3bdeadd5ef196b6c5db86a2ce8c1f4b4654d77d190fe530a44bfab0e9a17896450429348a4780c579c61b8b48a6909e13615ca775ec8b262ca59b6a77c100c58c6b5570a9bed348da9258a7943b8c9ecdadd9bed463fd437a384fab78580ab738c67716ba06ca3a9c4e7df7ac6aaf61447ab2fed2b8cf1d1d8d7299c318eeadda39c469cd7259f1e174051e83781b0d7145805e5387f262f691fe3c740a3424c1e44eace653d45950127ee036e93868e27db4a2f9d0ab9b0883fe53a290d72702e8b045bcd3355a322d3b542995304fb4ddde16d7cbbf8065e0c738baee9854521ebe08c1894a456152d60949662740ec0a436416c5186acac78737894f2592643e675fa217fe6c94e8e1afbeb924ca6e5d677caefb6fa0a204cbaf7444a2333d4215820546955fee3ffac764d352bdf8871ecb84631ffa585fca87006683e52225c1f81412e3c1248323299b423b0afd87dca56331c4fa2ceb7daf77b2dfcdee39f7162215d5fe2e7b059cbe947e63b213c3b6813802f9e0336d55e5e2b75ad2d85ea5d60bf81a06ae3b8ade55b0ef24d5bd76b3fce94124c90d7f9fdd68a17b0f485140b6585ad8fd12803d30c65b0ef242f2788f0d8163b9d5c355541d14eb315f39409278a00b1abca833615029195113ef8cd871eaec5a36d777c8c8e6d6987850b57cb7ab6db3a0ccba33fdb9b0bb813f493fda3b2c02da2bd253dc43c25bfd1ce5f5f507ba175d9d8b9438be29fad3939a10e641aaf5f1a1b9e48d90fe072b4703276f059a75da5fffa43b0ee8f1a52d38a1c3924bba0b2558327f6c5b7e8a944e4660c73169ba85ce660c91c8a505ba765dd96f2dd23a2c4bf3701f90934290ce8d484b6b58d249f7423780b76dc3bf3fe67689565be6a523e1537975c0bd63953364bc03ab78896c20998df189ec8a9e031a184895c61522e0c354842492fd8cc1a642976ad4767aafa6c719b0b9e2156b687d98f2663e9b413958de1e878a8a2cbc10279dd2f71c44db2800214bcbaf365366142b67f63bc2557609f9d7a3ee0bb0bab319f92bdee3bba991df5d8f3aaf0e7ac88cf1b9880bf7ac294fc9b5855f4e73cbe9b7609ccfe1de76283c2edd7d14f1f1e6905d786e825b89db4e7e23b2fd69ad7cb801a1257510c072339a29bcecf6e300c09f8cf8f0702a7c773426533dbea508b597f7383ff31497f131597b4ca1b37f862310fc0986e34debfd133c3ddfa2533037905d88daea679ff8446d685fd6aa19e4fcfa9d2ad64e0f65b6bde43bddb89678cec5693ec93f03a6c04cce0a163cee45cb1d1447ca22a142118f6039519edf73e87c2f6e3ec91a5f83e4c0a428cef36bccc92e6ae7b3fda7d93934388145ff666213eeca604449d9fcdb98ef8f88de421d157b8604024d6570d99d1aaf7e62b19becabbe836e1ef3d367ec3f29cd70b522dabf3cdf9faaff34c9f6ab87afc174f8be684352d2a8d75e408b0f622a6d1ec6ee2b9e9a39961dd9852520a13105efee4e6a6fea5947752f753c6754116a29806238bcac7814b8a4a88a830c82038679f47e471788f3f2525f13ea052fd60dccb67b1dada4522bf84de1301b1a0199fca176fab0e2df2ec0088b2d6c90e60a5005eb985d914e6b289cd3e6c497f188927ebbbbf9ebef00dea63d19b863ab55152ba0f5804e7cb343876d324c1c3ae47666c52070ae03f080a7459b26f13960b9c8a81535aaaf9767065cc656f2657fa6d818a68b0260cdbb9bdb782bf9547a2dd5cdef4c0220b4d38152904170c1eb92df0046901a96af655dd60fee2d10df01bfedc4baa537ef5a514bcfcfd2aebcc81d75810e9cf3d6903146b62d502c77fb82cbc0031a9aef59b811b937126a7550678cedfc87f20f5e490b198292e5baca467533a4c34cb3fecf10c574b27499c2c3d7d1eb5e6c71be388be871a7ed9f40903e69cfdc4cd5b30e40be09558513c5323bbd29af5010e47dc5c040753d053246b713e049a6c8986b679ae7664a4be229e8720f701891ef501b3a7d0d744fb375b53cd661759335cc5551d02925f0584e6dcb0e8407bdf1a483f62652a1863e85dcf12da6555aa88ccf18d65764bdd4429885e34a4b9f61ee1c315abffcf3e0f24ca374f5ae6b0f7d6400b8589cbee00f39410a0e0319b3eda0727a055af300c10b765f26c91df87d8b85861b775debd6ebfe2adff87eb53b10a6f21005681af832450d535f2be43a5cc8b893093e6500b6ced6110a9984ce14d2319f8bf049271e7b557426a3ad7e019b74f36a2388bb7e67ca98ed6aeb2528f9ded94d32ab3be031374b59b054a8849b98b21955ddc577b1926578a1b64171007f918abb8bde2408247a241c4e0ad462f3935b5010f697852c54b440ba0cf978b2aba9c98bb9a98b61ae3a6953cf891f279627c2352f633e73976cb157a08603760d6597a3f51027eba306bae632c734aa0a369085f936539aa2f67026e2479625f0bd170ecdb45ca8c63930567b9dd1cd69e1a9dd33be39a76f7dfbbebe1a10264ce0c73574c34f3950f2da02ac663d772764d4c44b8647315aa04c23541400d163dec5053389af69aa4db364b7e290122d25c8d462371505b37164c6cc934d9085016781f299568ebe1e04514797c6a33caf9c2d55c98ffc0bc1eee2cf7f2232ec633e95b8080269ae8825707e4403a68a890b025b47db56194a655924e70fe7110c4ebacfec2128feb9c684800ba6034656f81350bf8958284aff7b60636ff7494244bfa0f850cd46e1e4c1c1ed7d7a952a493408f9a5678123848c65819096ffc388d271f9a9389834393b4cc3fe0a8783b617209b5f450915c763b6469d6e0582c99322b0018e2ecd1839b5c25e776ec84a27c49f758228b14b88014010b54428df48d6cad93afcae096b077db9723d6be27411a0ed96d75ce9216c6a12cff5bea46e06a44ee58af1a84e9729a141f7f92c3abd48bdfd3cc182e285bc708b97a7ae367c14892436489b9d05e2843eeab0c5ad31ee45a5fcb290b52383c22f7771ff064da87747ac1c757067c9fb8f5c7dc7098ff6b64e4435bc2d7d8e4f04c70e2b88c54d3120802b05c4a05ee0707e202b7eb9e34febbe939913252783a575793b4e0bd759c38b5892cc9292c44a373621c71c278a670839815b218f98f25d36ca691a311450d4048a3525e4d657e0c2e3324465212d187512aa3fc36450bc8ae534660a067443a86ff309e604d61ed6b3d049430a58812c2c8108a6fab6f66fb9fa671eabf9a1ae8a4ec129b8481635091945c10b718d540924a26ab276c21cc91677e36bd32c30209e4e26e0035e6cf1bb1d194a9acd0d9e838a3ad3688790cb1f7fea86deb3deb717a551d29d4e4d32cb0b710f2a4c89740f71aea2cc1dc3c8cffad56901735b758491f728aa5a46222641433fd64c4aea3384075dc6468e3caf23aa1dd43942c29759878aef0c6364e4a324d1bebd1e85fc6960aa6ab357c2cc0244b88846a45867afef9859aec9825966bfb7876a91227f5fbb673fac90e714aa4bee56d05709ce9d572780d68eb3eb6427d481a9c125042f9e0b27bec3ec4837752c2884fd83994f8dd211571251119057e08d7cd0202e6a3179e752a65a1a352d068a55425fa39a8df57c7bfac70e1ff6eba6eebb7e1f8033a9972fed9e6baf58c9b5e2c579adecb07d1bee6151ce3411a4f1815448ab20950945e6ce457b3d63da3591f2419946808a990e14c05967dff5b0831cacbca18c0acecb32dd1d6bbc564d65e3828887f819f008cf80d8777d3dc9a3a0343d5e86721b0bf0bf035bf75f863b6e41a3c28d88fc509cce992f6d386df0b8ad1fbf1dc986714213e208b79d64403d1e2eeb59756ac5be5b5695dddf0c1f3cfc8c07543fed43fdd88c9dadaf461c4f4eb880b40c060acc9f1bcebc03f71a14150cb6e62b9c35289941dd7203aa86828a9b1dbf87356b764e29ca80f3ced38d916ea8176e9dfdedca909fe84418a7c735d0bc621ad1683f517742322c6f01bc8a3fe6c7c388a4ec940b74758e5f783e0124b35d9fdbfcd409029a81f9e721962eca8f60b61a16fd914841d8a00353cbe3163ad4c139c7ba62c77a8ec92dd37b4a6a7f8818fec5a5fd207ef14273ad61d65c36782a030d82dc137aabc2dced3c783968a4c3ffdb538c7edc971e1c5261b02ca8f2dda5a94f3b60641829cd35edff59780e4e89ac9fb47f4a98935837e065516b1d50f61b4af83e9e62dc16c5d361b6

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