The patterns on this page are designed for use with our Table of Contents extension, but can be used as standalone micro-templates.
Within page content
Simple ordered list
View code 9d61f12a88d59dcfb12125f76d6776b9f5ed8b3966000332f690592b49d52f9618844387aae67fd3bcb652683e9dc6040b5f6f2328d357b4d1325a8dd9e40991f175a39503e5fac0755d5e6a9e5a493d5d554e2eb731ee90d8838619f7d4be0f46e76363f522070ccab4cbfdcce6b72bc28080e6bf48e25ee720cb26750b992b0e1e6a584e70e17b6c55b20b221d85d11b78339019c2f3c80213f5746fd91510cac1f46fd4d94822e6043cab3e52a796c9ecc4e6fb65ba03a6f5f70e2eeb49ebfc88357a4272d5be9ba538d86111c06b8aa89abd06c2637e7f3f00809ff92004743db783dbb99719dfd51bcc6dd1e3a18c97cbbb27c6e1f372b00d9b22e45fd9a42fcd04808a92349f759a45af1bf8b851b405ff79946cea4d730663b77570f8e12d8967e1b7877250bcce15549e0ef434089f6a8866326b0b955167100c4e347140b6fd614a2ef94ca68ace7da2b8de1d9e4ef813c0facdc8118baa035aeaebf14cedbfe2aca8a75b5fe0f3d44c5b81c66d9a46a6c7dba18400658ea83eda54c023126c6cf9f788de522a96465337b0c161d8a72adc629391391e4240e258f087deb796d00189f1567c488b0801746dd6eab4a73c46da079f83926b7bfa0aacdd391f8fd81174f031f8922230cd4e51e8765b36b9fcc4dbc3083cde500141be4d12c4e9610925ae370fb3d68e1133b0dc0e65f8fe86aa1a54c75067da6ce7d12ddbc2d905a814c959ae294afa24217b5be03cb28962ad5f9f15ddcb5924f04318985c1f118e2adad49c6d406536778f6a0734372410d34534532cc97ac25517753a65624a7e1ef6dcf37b8bec6c0fc3965be085e50b105e7ebf2647886090aeb90c5b209e2df756ecece5dfc47dbf7558cfbe34466adb65e8f13a9dea491fe771afe0b85c2d3cc9db5db07c9f995457e42ae28799e72b3d3f77039b2efa681dc9fd9293fa3aa92ea46654a7153cf46642e682fd91e9416c879f2816343e7573e4aac14d5e9b9029c2f48b943022591ce1758ad27fedaf08eba8b74d0db9968efc9460eed1e672b2098a2a46f820b26085f866f89a5742a3f1e2c04a189742afafe19afa8f13f3e96fc968e8d39b724124fb5273261dba0cc9f42953ed91fa14c768013363b898e401d4334ac144a2061907e04e8a14343d4a2c949474e3dd132db18e34d3ec21d177bf230e42588218a69161eeb0650414acc76c74eff636f046a11e7d77f93257642436567cb34f8f6c1ec74fd83717f2a45db7a6c0263d0fd1fc4592f1b750e5053049eb8950b157659473ac73b383537e589868d6e76615e2593ae0f34ab42e35ec96beb316a5a7235b15f5d8532bf19399de5824a8bd312a5e52428ee9077386af14ba9c52c4e08c3d132f5d117b73f8cffe3fe4a2e2b96e523d3797de7a43bd671a4c427fb28a65f02536916d36f55fbbaec5e4d1b49cc50bd21aa22989fe944331a5e228d963599180af9fe66007c2f3422928185c0f
Simple unordered list
View code ffeea5c69408258977485fcd7ee7d2e2088b3e30a2bdf28d1aef449b5a31a33fd7e5d8a92d3a77efedddf16261f653184fe11bd1dec892cca32cea3a62bdf9d283a1564b73b23bfa16d80bf21a4a1923a71467e3b479cae31951929d990bdaafbffd9aea8b471d09e2623dc83ab506079b3ae398c3ccdbbf9d2f16cd2c9b3fa61aabbab68d677d469fa27a28b0e8576d1d4cf4bbfa7be6baf93451c22b915ec2b49b68ec7188afcdace0b3a7e7a0b8b14b32497e225d32e273506a1d2c178d10cf60dd11eff22b00a727146bb956b8833b8cde90698112830a7ee9008a7099b851dc8f8ded2bbd4153aafc5eeca48bfe5c475719354c306b843fce5ffbba90d33b279fbac3483cc5a309463ef7d87e7636c1fb607b0e66596a11631c19a97edc2ba41060d1f3933f3711a7afbee4415f2903fd6b197045ed1e91335426ee8c01e236136a0a96e73fa3f4abc77fbcdecd14f81e642ff617b655a144600e77b8fdca3ecb6e128e10e9e2f2a728316b25f3a9bc8ea69a495d97173abccd19e4329d7c70023fe6040bd292fe05fcabd1efbf921a8f947fdb8d1fa7eff1bed2ba956e8157dbbe0325d03bdf182b9f52fc170ca58dc4dd1134a4554be7013124405e4e2537ec74c4282430ef6038eb2fa0e7616ad3416b2f2e583c75907d37da4b96d991b0d4b91444a162c977264b6b058ec6f5628936578a282dfa28dbbb682f140965fa3345cb3bec2ba6f0eec4a8195a41b4465d9986846e64840031c49b55e3c97fdb8c780eaa48164b12d5de919a468997076e394d712b7a61dd3c394a6d972d222ccd551820edc216c0853ba9c7dfeeb5fd67c759107e12ff5c596105ea3b9ce15df71385345ca6f15ca3f7a4095216e15dd84750a45da6e70ff772880484d715719f7d6dfb62222fdb884dacb7c7dacf3f0c89db45aef66d4ef0b25eb33f0341ac95ed7ec5121c6af805b291acec474f6f0f7d520df89c1917eb53b2eeabc2679f803dd359e822cf9a391bf16e4dadfe599675b65bcefe39ffb76106816dc3a875784906535cc274750d6f0590507e868c3a8eea7b42152d813346417c23ffa83912ed75d40cd6809e20158dc4f796293aa84e7113879a313121928fa0db17c6d563c9d96c79653b38d91a440da65295ddd482e95caea3339c55113619d0c254b6009de636502c8a561fb5fafce4bd6a3eee7371a4942a604c9b919a5488fad1000fcc0705f23c7a71f692afd068edf5d07ce659fc3b04100062e5ec87d441f6687ed3b516bca2cc1ff6e267094a7fbaee1b247e391b25de2051ef09839768b7ceeecfd27f809172ebd3abfe8ea8e917f093c7df108b34f4ce2b648ed751e6d81f1f2f48345a4d2817aecc82810950d887745260b0805ae2feb7219bc8e2ce5c38076d0e686c5ca705bf92138174077be7daf53359dd9645213790eb6e5f26e7704af1e6086ffcb4ef1923ed7c06940bdcd440bd030b2b074123c561addfb8
Ordered list with borders
View code 14de523c8e16922a1eb3d33375d00ee0bf110aeadff85b0268f473085677fcc27207c9658bf0662cb37c4a83e6238272ae9a5b7642047022e2446a2cc3b5222d1af6858b631f6872368f743e18472d5a4c42c5c6b0eba2e0da4351b7f8772240e49e6beabb6f8a984ca795ac6f8d0c8fcbdbf70b71fc4702d291f160138de0af7faba624ddb6c8a20bac377509e65262c0f744ed3404f2b0f0cd45c5b488c2ecdab17c63422142b1947761ebe34a4dd8fee24dfa8d65ba3c56e13e90c5a530d4c76aa751034dbde166f743e88514e9f5da23045e3ac0b913a5fbf64323bd3ed90dec8968a42c6249b654d635543ef5d381122d8d804120ec12b76a64b38f2923f7f458aa2a7e4a19fb4b4da5792a5c8f1a888968abe52670c35a4313d8d4f12d6eca81c47dc9717e474405621501716d127dadd0db44f43bee456ad60f7192aad4308a4a9f4a06f490fe0083786e80b071da9bc6767c1ebebd25ea1a8e4a0c0bc8f44dd4c727a3774fed86573bdb3f0d36776f76d2b3e197d4a92aae920af1265cfba1f128127414cbb36b4a8abf35611ca6245b4447583c92d07130304a42c1d5193894e2e49a4cebfebcdf83f663a896ae74574dc21b40bf6c1c8d9d40c4157dfac59e149119683ec657632b5168238b43382fea725dec54716c9d6e83c8a5c3623e9f8530958d7f42a52f5d5235fc7ec4dbcbc4e13c12f432a7d480792f7aadcf5e9a2e3ee939864cc078db5666e4a4bdb833ceb4c90dd61096c9565193da7158ec6dbb68a191d7bf3651cd3a2306ca3745701f81f61116f550580ecb99b3b5ffcc45a2a1c0bd55f27b99390b592c45aa6cf1e5f50fabd849e25318eca899c85b924bafd647a245490d81a45fa388e0624e505bfd183514f6857f07d60f219b1c7e829890e45af0fb28bd27005b9a5b4405a636a510e75110e5583bf009aef6ff483e71fca23a373ba6b549c3caab9c949ebe7b3b82a2dfb960df5ab49688b2c6c0371c93a1cb1c85d2230905c266f8157463d2cfb3dc2b64a295c7d30e89f32bf628b1a40b38d6ba06eb4f14f6b5ba7f6d1d605788f1c4acb8d73cac8d7552584d3684bb44ea885d69a16da5876fdacd1daaee3abc9d3b2ec581581ed54f1e6aba649c69ee5cbd159c587cb2be07f0d0313e4cb71ef12b0596775f61b667890dd71bec3f6e7f0c13cd7b7fc68d6d451ed8e81f1c560036d66faace3b8d22276770dba3c1c1ac0c4a0a2cec143e7297b814ab0c5befb9d9d8b9bf5bcc9f9441dd5e0578faa14e536bcd7f55cdbab0fcc0e479a7d340040a6923f01ebf76d8cbe640b56a9be31f7e57f8855574eac5e34021de7b39d70840b25be9caaeccff6396ef48bf2fe61616f0f61ece1f99551dca9c2b6447ea11466bd4cb452d0fd1ca56f50037628b033bfe8a28a5f829f254eb00a76e34907a3eecfa62d35f26441da7c69dab6f2c961011485656149855cc9625a164012a19b09374172dbd9dbe43d9ec259a7473acc81d09778e1f78baf75d65f85c4d3e3956293ff3af250780
Card with list group
View code 26bae22c163c64b8431ec5f52141d7a352812a37e8d73fc4fdece93430749fa2061f875c99dfc437968320aece34638451075b2a6ea4c5d297ac6ba2fda59448c23bff23c5bcaec65ed49268fb5901fc16232a288ee55d6121496e45ea8716846ca161cd40106bb79733736b0d380e57c960cebe68b5944fe37bf67b6f74079770e08cc236aa7e65ef9f4e4e4a045f0aa878da92e86c2d42730c5b2749d6d5ec2e3277c3af5b91d5f668402cb059d7a783cccaace9d58ffa1afbb81b43ca672adabc7719c5fa1029ad0b703da38d6012ddeaea71df3542ea078887a9028825347d0b90afef197c01df0159ab585ac44de784baaed97623abf19779fd4b76cabf3523515e46b07f84a3240fd6d2ec66efa97cc337e079d568c0f07b6d799df1ef5f4a4cf335a4215ef5a0a7de9651bf7ec51a4d7bec51337b001fdebbd74fdf1e7efef5df0d48bbdc77b49d09cf671032284b644dd901c7679f359f8273493bca46aaefe4e5d814f263e17d26c594a40e96dbefb20699abce22d6b3cbf7086643feb274225e18be82c16546097941b81cf6c63ed4bb1bf430a7b8426c285631883811b1673da498eded014cf342d5f8c3e86adf410e43c644a945a73ddb85b9cd6ea21ae990e7cd42f8214897de96f8dd7ab662de2d77de0229e7c7730e9f059628ab2352b636f6342b90ed87c5a3e8d471b4d5e2843ed20e638c59f09ff08043bb220bddbb578553f33b278bb53963cfc80272972a3983b123c9136d28f04240e01dd750ac1a558eeaf8113b7c0307710677e0f7799bade482805952f4e8d34c0a94ad1604a96def5ed35c8502c22d2fd07ee8463c950c2bd13c654fa81451961644f8162baec03d196a923870a32896b0f0f0db7339e6b27bfd69cb1c07bfa264d59d26260ea7669462e59f4ecb328b88c2abd0d98f65fc2264eb8837f2b9402327787fd53abb596535fb643eede133ccc5c57f81ff88e4d335b78c511df0dba23f927b9f1a3b37c0ef4d744805f366608681bb3cd3c53f380958889422b00a28ec536af14d2d098b1bf7a800840f29e2fe59e5638124ae38168f29aa5f55cefddabe7222b5eb8007cdd5aa6a5de7def0be9f93f942c77af5aaf19c378584f2c6372180ccb85fc743fdf04de8ecb63444d85393dc45205cd0c295e123a1868cba0b12b89a8e7a187e2a9230623d0712693cfc525644c9fa4a3df0ac00e9d872c6cf3612c5deb877be99042a905874f79366676f64875bf3e0b7d53fbaed3d70af92955b09ce870e351882abcb69ff06cabfa14c2cf14f5c06167bc3291282319c56c69469baa54814bbc241f570bc1d2bbc928462684a9ab78a64f5cccbaa66148c5310b4afd0a1852f006beb3616ef4ac3aeb243fc2b570824e42070723436a8c2effba2cf1a2f40174f136b542749a6c5b8b3926cb7c971b4cedb98d030bdddf47f36b53461fd5336526075e1ac1f822f6924412f470bfa2c1aedc8d58abea268770d0eecb7e1b4be3de5f637798e4469f98176d012d6dff9c0a2bf4096959bc14519dae92886d9e8af9e30941981937a9355723a354228d65e3aa80d42d574d8538b9194fee2789a8fc5e9584ebe49f4cdf04f613064a1ef8730dc794b08503c09f827cdcb27b6c382c7ba4e5a5c42fce5ebd176eb570e2effa30906dc53bf26d2f56b43739cce2482fcb706044bb0a89d6900ce656da2e480af1aa9fc5ed940bcc8ba7645cf48565de8360319ec2dd5c0ac6cf1f619fa37e74e3a36c664a72cfa76dafe044c391be4d94b43041a6faa3a22d1a9e343456f1a64fd22a7aad03c86f35ffc0d7011592ea37bdd97f9af1eaa8f2b549795d9ad0fa90c5cb7ceb34c525d95c57c11fb9c849ea635b715dba2deb04e0d2ddc9961d0c844b41c341f88a2cf7fc97b589e044c56a599b3928301cfd8e618c22840a2d08f6e4532579ec9bb981fb61e5f3c5ffc0ff60368dce938a53713d3d97d20e88a5b6ed9db5c808763b751de5217f1e832a810ebe90e8e9ba1ca761cda67372f15f828e7be7e3171fa3509af09121695157fbee877377de8cac44b45404d0d93e02b5db50a45ceeb5a9180e74f95945aeb583d7aebc6e396fa94798b6dd693cba2efb0888b54
Callout with two column list
View code 4002f4479642141fdd725efe7db0f3d1510230826e71e9df5eb1e7ca6fe84f522517dcc4fb286360280d1809e08dd4acf6d4f15cfa98d165cdc22bb8ca5c17cd898c94457d6d4ddaf70d022796f04d60698200053328ed3b38e96e32fed8cf15b0696a8b3a712d85a399e65a286834008a1b3ed1001f4610f08776c1a5ea74ebfa710f98ed4d44504a26223797ea08919085af15dac824efd9fec0f17f0363991cbe1cfe942621b729bb71ca6769eb369946aa93cabee8ccc5a168d131db59b06794befa057e532cde71a823374a7156e88effe70c198867406ac613a031c15713256fbcc27ec3784d57ebcec7eec34f6cf7d1c60c0b84781f2d89d377fef3d5dc6442558ec626ac7a5708fae261bcf1ef4a17624fc6ad99fc2df3e3fd4cd3ed4fc76da974a1cbe438824692150077612eb53afff65767d8fd89feaacfd64e1fba4e0374b96e8e7551fdbb8d9529599dc21e525a4da9a4a9ab20e2827144e69226288a30264cca960c26cb64ee8c2c6b553db335f783dce8266a049af13a14b3ee207804274b51cb8902d4a377887c53e75c7e3e6dd632e0b9c4fe90091947eae236e5816e4081728264feab5e50e6ba3dbcb288e4a797f0e52ede5dfd0823da737a326f4e4d74f1cab2da3f95a7ce033e20d150be449ba420e569c10775bf0c7a7ae613affa73111156a2059504b9d9c6cf91593d39f3eb81d26cb374f8177dc85336f9acb31f7d71fde2ee10c94219c44bc936363ca2decc1c2935ea4d1130911c81ffc875fd3363c0cea64026050de9d2ba2619312269782c7a2ca78c90dbb304cee7422bc81e0a58fe45a16285593f93ef8efe26af8ba0f25e37cb8b4bbca4c5afd91b17286bf8fc9264ab6d0f833ea887792084f6472eb750813beac90aa01d6eae01fc8eb398cd2afe4f63badea6b6b781f1e4c60e51a1d8875b6ef0c59914f8e0bcd9e3b11b6d3f0c1135f435447566929453a94629b57e41ec09d006aba2ca43692addd98edab507629fe93b4bc8d7ef43e635434ef47d28341cbb1dd5ec9a15d7626e1e4f75e7753200fadf394db6ec515cabf543952c58200c94bb4bb93905069a8899a6bc04525bb17ec8ed91416d8112195a77c906896e47be72e88710989c5b4e6c0d927707298bd5b4e0ef0a038f2575fa30f88b3843e3a43181accb08de46685ed224feb97811162fd180047de0dfa99e38e66153d9cd99b47473cc382194c48bcf11bf536cb111300f24bbceecc75cdfd3d0ac5cf74eb52fed1ddc831d17dffdbd62f3149015eae077c59340c8e40308ed5542639850a4d24d68e1474620958ac57008e1477b6a9892ed28a14877bb1bb8a8beb678ca35555e5d056e7330276e6b70e7e449e0620c1c7d0f0e5ed9e531d44b4192088872114a006b4b56dda0d3c6ebbad596ad74739215326f23d4a3381380d6c498e7efe5ecbc94ffd5c2eb731583aa17a417aa9afe1e07e78c1c378fe0c5b301a5ab1ed50833b061c1d5bee3ce0e260598756cad883fcddd648e1eb95440d03c820981f08556dffb5de4e369f738c61dafca76cd509c39e71e7386f4b72c62c3ed432c28e3183ce8d80dd98bd35739e240ee5a99ce092231e70d8067b40332549283b4fae8f4ad9ace414570158032cf8802c447654b136796d462a890ef59e68802139771422965a3755627bf66a2674c6566e134e7a366934fd3321f8ca0bd642a22b03ddbc10ba0f9c88c6b73cb34a3bd6e874e8bf7515c9c9d02f3f106b8fa06187c16356c56732929e2ac80e919cdc432f88f736f0b3544f562cbb27cc08dff75d284cc59c5c0ee8d2a8e8617489aaac98cc73c89bf8eb1c1d9a3c76ccb6bbc1a4823a0a5f7ef572a6dcdb72eb88c835242
Collapsible
Collapsible boxed list
View code 2544cff9d67a9f8a7c5231e18d49784f542d2b7931c19c8d920745d459cfd3a48226c47842a5cdfd587560ac93ce5cbae18b8b6831ddc9fbd050f2e73b908c20a97667b2ca6cd806c86e9974a9e93e752f359cb9babebc0d79e0f7f8bcf37f9d9ecbae7d6d702396dfd2400e9905f0e9e96c7dc5fa1adf4d91e226a20e5ccfd9a328e462e6baf508564e03bc2818803a51cc0d972eaa9c4f145fcacd8374dea39172fd2b42c192514be9af97b8137b7672d2b31b4557df5b97f6596ea5091f9afc3f04ba649c7c2db9097aea7f83cc1f419d499d10709748b3f29a0def86015ae996d1b41b17b58827fa77fe31b9ae3404b4cd892d9d7e20e01d82a60c09ca767c72af065cd05c63213f99a467a51c104c336703db7a2321228e4b0585e716ecf4b3399f9cde730b734f1b51e94b4057c431ab483e72849b7cb828c391c526bd4a5ff02f34e901bf29943ba3b83eebd4f674707a629e4129347e52ba32337b93f3f42c1ca14ed99b9f9521acbe7668b8be59789b32af031196a3c0e2974a52fb177607ac21b92ec592982dbcbc2551c9e0584c09d880041fad38c288c08a1867b556b4db7c7e044e0411903b28168a1bf66a2f9bbada6543c8b899ba365933fc775d8e6829a79145df43441f47c979374c55d8751f0f0b4fdff4e2b4e79b91677cf90a0282937143c670110d821e33ea005f650b1a6d3726340f3a1ea55e098ef902b1bceab2990e33aa6d0a2fba1ff4073d5d893414eaf377e22309d164f83abec79bf16d5776461a10014ac83506992ec75e6dcb9fe6b45942d26a5a85e29defdf2aa50412035cbf56bf76fb41ad9add2ab3ecf1f5ac0d2fb38fa591e8efd3e71364332a990ddf1e5a5150fe6f66c5d1a9b10159a81af42dd13f276d6145aef1648b154051830bafd353efd60155b250b963936856d7b400b27b19466bfbafca740648a3aa36554bb6a4bb51d7e913f750a295e1ab0936b7e7dff63bb8f05bd0fee659d8a2f875acbabf2e24957e279f49f0a579cc75d766dd6a220182003337cc26b4be182d4fa5861b0cb6687a285128bcab0f3268113f80bd5b7872e0732412d5730f402c5cdea7306f2905397e3a3d9999a100e7d8d41916666efe9aeadbe29da35d1ccef6973c3ebc937ee5460b3a6e0b0f05e512efe71d1da9025f2bf0d9231e08d9abc652f76b9d7c6b29e46e3dabae84f98644863e2cfc46dec28629f27c3db9a9ede5de65f37968485528bf3f830fb4c0a84b235dd28f478c4fa1da244d25f93a12e38804225c715fcbea149d21cacec795ddcf43bca46cb582285855921557d1fca3f14569c3e50b2c947330176755674d1146abed63862e0b75a3df9f55c1ab97369b6c0c923a4eb4e33aa52789fc16dd08284a39c26063b4f39c7405736b8c668be05046b60c37f455d5697923e9daed152a111c68eeeae969195a0a2aea6e0234d916ba2ee4c33be4b6340c5aab460c868a59ae92fd88bde4be934bbaa85717d90775eaf1955b65a7c09712d139cc5bc93b4ed5a878dd213cba08864341587818d888a682312de601809b612633725ff0ccfafc7287e7be33dd85a684f51fb0b19cd4ccb77273b61ca0ab2e05d5a20b725ceb430e13676ad45336f73cdcb9b2c39a25105224da9b28bc15cf3c4f99b1eab9ca1c03c1696304c354eaff62fbffe238f4c1b584f5a8a4e800a8fa6564473afbf0ccb01b50185ba09bc9241d8e4516b4945f59b494307b8d94303408678c29666a2dbb2a583bc8bf89a3e578e456934c6c8a8a7329bbc8e7926b5402716cc030b7b08bde28a5622c51d6d9b7089e768fc807f9d9b4250448fb6e662dbb94e2ed2cbc9f2ab6a854b96f63ae1b0db78e718bb8f940bc9085df539f2c2daa132a686689c810986186e4f80020554897ff73c781b2744efac97adf692792ca46c4efa079fd1bfbe29ccd09bbe1846cefd897b3c29e8d86a1f61b9fe730c9089098d0c194e763e16e1d7b756563c9fa4b631cc4f557b4cc1d65bdbd7efd0d0b62baa33eb56124040001ff05ec268ff8a3b7e69b0bd03d4ea89e79769f53edb126e04659e5668309fe47c641c86b4a9a0d87b06e036044475e8e8dc6f1ebf35279fc327dc56af27699c3dd760327e3193e399f1faa2eed1280c7b2227eff55c7fdf368d70988ab8773115decf7fa6ac581f63a5e97f27cb49b96d393ef141010016f04fac50924f7891ac8d074ee491ed2c76968475ec787ae3e4c5d6a3b0e0e3782218dfba2e5066d3407bea7cba1a24ce317ec722fc34ae71d503957fc7fd522d6cb8aeb3066c747743cef72caf9253a56e71d6586542fbcdd34cf17912017371a2b805cb2fd25a6240c2bc2743f987af1f59716e9d0a58c11af847051f548fb8296d58d8be8616a7abf0225c73813c2616a1e56c6a7b59252ac2ea38e1f237748be9bd8cd7f39c45d54eea14d9b25d3d9f8a6609d489f49485d5ffc1fadbe101449228e5d974deb9ca8a82b6105801360f20462ff429818b5d63cf199f05f422dbd434a41b8430c3d5a0219c93f44a43dd852cb480216498351384a9f1664f89dce774fbca572ace38cde24380214b2f556bebc2ed7c85cab6f807f80f921b1dccfcafb2a6e6373fe6bab4c2d566dda939d72174f5fed089ee345c1d3fc748157e315bdbf221ab8428601e960bc68915f6468440f9c1ee8d4ac2951f8df8e514eaeb3307c829e2398e84df196bc24e7d8e5ca5d8ee5e1db9f9b07d6e1393e1bf4f22124214a38cb28525cc66ed2b5e10e3b4dbb104ca02fb2a1bfe6bae4b40787a8fa739a1090e0f3f509ca6aeab9a6a86f1ddbf9422c0920a8104acacf7d7c35af91060efb392a427ca74396120b8dfec21a1e910dfafaed1ea31ad2724569f556c35df069dd685ed2119ed083910bfcc895ca3dd8e55f3b44c63676a550ff6f3f4dbb077319dcc12ad2e291605b54a2f88acf9cc287902580a3a70abc59dca699adfd0b503b5ff84b8806a1963e0dff39de6f2cab45c9c5a9d30aad90f896b30ee66fef18268abbc749af1722ce4eb3abfde707465bc00359cd0e9497a57f881d32676ef692e236810d0401e9795c24668584630479c8f25ee6587c5d7b78cd93f7a9d6212be37a2c80209769817978a1d7486ec748b9d9f769c6e12e03ad4c7b202b4414452c768e7cdf6aec91cb77350cf5a65203edd80669e4fbbaec31bef330b2148596e1e6f6b02e24f9131208de443e90f5c1321fd475b289f7fc12f8beb93b171a2de8fed5f078d6d3d69a05e55c4b7b66739cb6116a0b4bd127d195c9c121cc19337d1d102905cf12cb072f01061843a4a8e833b7563ed838f6b325a3787c3d0eccf0e4
Within sidebar
Our themes offer the ability to present table of contents elements in a left or right-hand sidebar using theme settings. Sidebar elements appear on larger screen sizes, stick to the top of the page when a visitor scrolls and automatically highlight the active section of the page.
Sticky sidebar navigation with Scrollspy
View code 7e958990fca60a6563340f2002c3af3ec8e4e97ebe107220e0f497b63ab71fa1ea02971a53c6a8211794ca2849b3aafb32bd7b63bc3641934626b790a2cdc964fb0654fca815d542560155c86951bc33b15bd0530bc33e6edd13e2e213e5cc694dc9beb9f6ed719fa037bd8e06a9d505e9e415da7c72057584cc71cd21742d6ecaaa496a59932cefe596a5668782f665c3305f0b297625a203ce462e80e60a0e7d0bd2fdcff35c64bd5a2edda2cc0ff3d7620e48be03f7a8257af3432e2c14947d9790deb5b2ccf5d2b8eb6b75fca055ee7a3150cd4c43e7d7760b7f9a538da204d1ec951064f8a684c873d831c2f1f0d808a12aa80d9acb6729a480b6c575916fc81fbb42a050b8fcfc55420e4e1c82c7beec031e7f587932a34941e33074aac8405fbdae8dfa982c413438aa68a04da3b634168696c31a31840048209d1c49a5c0951a8e274d8a57b3b7ff472feb56faa9dc492f41c03574a19f8fca01c15760e20e9964fdfcbafedc7b31a7f18d98ddbe0ed7221fda44fb9f12b83a479dad3eaf3000570dc5da21036788eaa68158c168010e3035627affd3ba396243f9a87501add393f0a86f28b0011837e3ba60b198d6b4a096e7effd7d05d241fc8d411717dca1abe7db955f6ec6c73a9ee014f7c12b1736e4dde25e857d4aac8bc20b618c75e75642cea8c38ccbdf84256c4d24dd8aed9ec8cf9eed4c12f828da7e439819f0981d2ec49c2e99faa1226570422ee42eaf9dc3adbb13478bd8a615cea0bf8428b90c0c7315adbdff985e1679f978bf5fb364936477bb45029f41705d306ccbf2ca76ec28e2c6d6ffd4aad3a949429fd0ff8eef184db52f2e1d4e5cec98652adc9c92cbd3655e3e807f17e5c220e0652ae74f0f5389887af5d7a29aafc840811df4b52553dba2f9e3195d9d8ec2559b812e4384fb658e9133887da3aa911faa815e2e48a094d57502bdfb8ec9ec39d72963a2c8341704d0f7ab0746d840fb2ccb0c4029da808855acc80278d3aa5fa4c7b9ea3f64f3437f221ebe708b60617ab02c45f3a2c0751a0d65b543f24ff2bd37db013d821da904731087921d5d863ae0e0609afab018076204d00b57551930fe269c379423c61a7231c1d43d84abc6eb1e4d67bab125c02d352121b8ddca3262202cd2f55103239b9c1fbd9b331b27ca7bac74bcbdbce9eaa753fef141d7b7c2d7a6ca5dd59d7e743f56561a2f83ddafdd338005d7eabcdabe479b36dcca99e527f01a6505a5870aadd9de702eb08fd7a560e616ba00e4e94b92d2e8a6057ecc24a1e8c2a4fa0786781ef103b8769f7392b06d43be80670e389a6f95d3ae6c54806c69438eba0f86edfee39735f8399f40320466cbe0b89f48eb86c1cbac35d745fa7be42f0e4a545a68a7fc9bdb225c7f65dc5e908ad71ca986b77fc0598e6250e8575ecafb1a7603bb215f309f6104c588f8a5faf28c5131d7f6df7e3967823fa806ac0ea9f9768ff79bb4da947240da29cd46210f08ea8b8d3940e719e1681e6419e7ea34fd737c71cf6d7d4c547902d7e8a2fe4bc5e138ad8bd379c2662f139aebf7d6f648378ff3634ee7cc42108edb917a94b1e4764abc0560b0c302aadbd3fdd1405c0d0a48c52ce5a9fe516d19f094e6d84d25b43a6791a0b5193f9c4f827d3cc68dc4ead0825c29d22f2accfd9490b833908d21bf68457c8afdb5efa0251402e0e42d7fedeb36783531d3848981ac02b4c02921e8b1be9df89a49ce37bbec24dd085161b96d7a10906de442ba055d0f053618c73efa000fd8e3f3b6cf6b069ecf3c471d1a3ce52973ce6f417e55b8e0cb4bb7b0e0ab206bc7deba1de987966a6ebd09758b88d4c5ecb497da9f1a880339e00c211339a66d40e596ec779ad9188abc353b09860392ea56ec3fce29498998ac3480344ffaa8b8e8a0e67df518ddd4a1d3a8a0b2fa4935ac9d9f79726e0427d6e95f75408c1d5a36c62c441a7663dcc29e8475b07706e76beccfadacc9e641b9cf118d247ac0e5af40e22bf1d7d00fb4f4ffb7ce145f5d
On the Article page
Our themes allow you to display table of contents elements on the Article page within article content or in a left or right-hand sidebar.
You can add one of several built-in styles using the Table of Contents setting in the Article page elements setting group. Most themes have 4 or 5 built-in styles.
Custom patterns can be added into a theme by copying-and-pasting the pattern code into the bottom of the Article page template (article_page.hbs).
If you’re planning to use a custom sidebar pattern, ensure that you select the “In sidebar (left)” or “In sidebar (right)” option in the Table of Contents setting.
