2023-02-12 00:05:52 +01:00
<!doctype html>
< html lang = "en" class = "no-js" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
2023-02-12 00:14:42 +01:00
< link rel = "canonical" href = "https://deblan.gitnet.page/side_menu_doc/" >
2023-02-12 00:05:52 +01:00
< link rel = "next" href = "screenshots/" >
2023-02-12 00:15:49 +01:00
< link rel = "icon" href = "_static/img/logo.svg" >
2023-02-12 00:05:52 +01:00
< meta name = "generator" content = "mkdocs-1.4.2, mkdocs-material-9.0.12" >
< title > Custom menu< / title >
< link rel = "stylesheet" href = "assets/stylesheets/main.0d440cfe.min.css" >
< link rel = "stylesheet" href = "assets/stylesheets/palette.2505c338.min.css" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback" >
< style > : root { --md-text-font : "Roboto" ; --md-code-font : "Roboto Mono" } < / style >
< script > _ _md _scope = new URL ( "." , location ) , _ _md _hash = e => [ ... e ] . reduce ( ( e , _ ) => ( e << 5 ) - e + _ . charCodeAt ( 0 ) , 0 ) , _ _md _get = ( e , _ = localStorage , t = _ _md _scope ) => JSON . parse ( _ . getItem ( t . pathname + "." + e ) ) , _ _md _set = ( e , _ , t = localStorage , a = _ _md _scope ) => { try { t . setItem ( a . pathname + "." + e , JSON . stringify ( _ ) ) } catch ( e ) { } } < / script >
2023-02-12 12:49:51 +01:00
< meta property = "og:type" content = "website" >
< meta property = "og:title" content = "Overview" >
< meta property = "og:description" content = "None" >
< meta property = "og:image" content = "https://deblan.gitnet.page/side_menu_doc/assets/images/social/index.png" >
< meta property = "og:image:type" content = "image/png" >
< meta property = "og:image:width" content = "1200" >
< meta property = "og:image:height" content = "630" >
< meta property = "og:url" content = "https://deblan.gitnet.page/side_menu_doc/" >
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:title" content = "Overview" >
< meta name = "twitter:description" content = "None" >
< meta name = "twitter:image" content = "https://deblan.gitnet.page/side_menu_doc/assets/images/social/index.png" >
2023-02-12 00:05:52 +01:00
< / head >
< body dir = "ltr" data-md-color-scheme = "slate" data-md-color-primary = "light-blue" data-md-color-accent = "" >
< input class = "md-toggle" data-md-toggle = "drawer" type = "checkbox" id = "__drawer" autocomplete = "off" >
< input class = "md-toggle" data-md-toggle = "search" type = "checkbox" id = "__search" autocomplete = "off" >
< label class = "md-overlay" for = "__drawer" > < / label >
< div data-md-component = "skip" >
< a href = "#nextcloud-app-custom-menu" class = "md-skip" >
Skip to content
< / a >
< / div >
< div data-md-component = "announce" >
< / div >
< header class = "md-header" data-md-component = "header" >
< nav class = "md-header__inner md-grid" aria-label = "Header" >
< a href = "." title = "Custom menu" class = "md-header__button md-logo" aria-label = "Custom menu" data-md-component = "logo" >
2023-02-12 00:15:49 +01:00
< img src = "_static/img/logo.svg" alt = "logo" >
2023-02-12 00:05:52 +01:00
< / a >
< label class = "md-header__button md-icon" for = "__drawer" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" > < path d = "M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z" / > < / svg >
< / label >
< div class = "md-header__title" data-md-component = "header-title" >
< div class = "md-header__ellipsis" >
< div class = "md-header__topic" >
< span class = "md-ellipsis" >
Custom menu
< / span >
< / div >
< div class = "md-header__topic" data-md-component = "header-topic" >
< span class = "md-ellipsis" >
Overview
< / span >
< / div >
< / div >
< / div >
< label class = "md-header__button md-icon" for = "__search" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" > < path d = "M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z" / > < / svg >
< / label >
< div class = "md-search" data-md-component = "search" role = "dialog" >
< label class = "md-search__overlay" for = "__search" > < / label >
< div class = "md-search__inner" role = "search" >
< form class = "md-search__form" name = "search" >
< input type = "text" class = "md-search__input" name = "query" aria-label = "Search" placeholder = "Search" autocapitalize = "off" autocorrect = "off" autocomplete = "off" spellcheck = "false" data-md-component = "search-query" required >
< label class = "md-search__icon md-icon" for = "__search" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" > < path d = "M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z" / > < / svg >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" > < path d = "M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z" / > < / svg >
< / label >
< nav class = "md-search__options" aria-label = "Search" >
< button type = "reset" class = "md-search__icon md-icon" title = "Clear" aria-label = "Clear" tabindex = "-1" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" > < path d = "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z" / > < / svg >
< / button >
< / nav >
< / form >
< div class = "md-search__output" >
< div class = "md-search__scrollwrap" data-md-scrollfix >
< div class = "md-search-result" data-md-component = "search-result" >
< div class = "md-search-result__meta" >
Initializing search
< / div >
< ol class = "md-search-result__list" role = "presentation" > < / ol >
< / div >
< / div >
< / div >
< / div >
< / div >
< / nav >
< / header >
< div class = "md-container" data-md-component = "container" >
< nav class = "md-tabs" aria-label = "Tabs" data-md-component = "tabs" >
< div class = "md-tabs__inner md-grid" >
< ul class = "md-tabs__list" >
< li class = "md-tabs__item" >
< a href = "." class = "md-tabs__link md-tabs__link--active" >
Overview
< / a >
< / li >
< li class = "md-tabs__item" >
< a href = "screenshots/" class = "md-tabs__link" >
Screenshots
< / a >
< / li >
< li class = "md-tabs__item" >
< a href = "requirements/" class = "md-tabs__link" >
Requirements
< / a >
< / li >
< li class = "md-tabs__item" >
< a href = "setup/" class = "md-tabs__link" >
2023-02-12 16:30:44 +01:00
Install and upgrade
2023-02-12 00:05:52 +01:00
< / a >
< / li >
2023-02-12 13:31:47 +01:00
< li class = "md-tabs__item" >
< a href = "settings/" class = "md-tabs__link" >
Settings
< / a >
< / li >
2023-02-12 00:05:52 +01:00
2023-02-12 12:49:51 +01:00
< li class = "md-tabs__item" >
< a href = "support/" class = "md-tabs__link" >
Support
< / a >
< / li >
2023-02-12 00:05:52 +01:00
< li class = "md-tabs__item" >
< a href = "contrib/" class = "md-tabs__link" >
Contribute
< / a >
< / li >
< / ul >
< / div >
< / nav >
< main class = "md-main" data-md-component = "main" >
< div class = "md-main__inner md-grid" >
< div class = "md-sidebar md-sidebar--primary" data-md-component = "sidebar" data-md-type = "navigation" hidden >
< div class = "md-sidebar__scrollwrap" >
< div class = "md-sidebar__inner" >
< nav class = "md-nav md-nav--primary md-nav--lifted" aria-label = "Navigation" data-md-level = "0" >
< label class = "md-nav__title" for = "__drawer" >
< a href = "." title = "Custom menu" class = "md-nav__button md-logo" aria-label = "Custom menu" data-md-component = "logo" >
2023-02-12 00:15:49 +01:00
< img src = "_static/img/logo.svg" alt = "logo" >
2023-02-12 00:05:52 +01:00
< / a >
Custom menu
< / label >
< ul class = "md-nav__list" data-md-scrollfix >
< li class = "md-nav__item md-nav__item--active" >
< input class = "md-nav__toggle md-toggle" type = "checkbox" id = "__toc" >
< label class = "md-nav__link md-nav__link--active" for = "__toc" >
Overview
< span class = "md-nav__icon md-icon" > < / span >
< / label >
< a href = "." class = "md-nav__link md-nav__link--active" >
Overview
< / a >
< nav class = "md-nav md-nav--secondary" aria-label = "Table of contents" >
< label class = "md-nav__title" for = "__toc" >
< span class = "md-nav__icon md-icon" > < / span >
Table of contents
< / label >
< ul class = "md-nav__list" data-md-component = "toc" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "#support" class = "md-nav__link" >
Support
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#notice" class = "md-nav__link" >
Notice
< / a >
< / li >
< / ul >
< / nav >
< / li >
< li class = "md-nav__item" >
< a href = "screenshots/" class = "md-nav__link" >
Screenshots
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "requirements/" class = "md-nav__link" >
Requirements
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "setup/" class = "md-nav__link" >
2023-02-12 16:30:44 +01:00
Install and upgrade
2023-02-12 00:05:52 +01:00
< / a >
< / li >
2023-02-12 13:31:47 +01:00
< li class = "md-nav__item md-nav__item--nested" >
< input class = "md-nav__toggle md-toggle " type = "checkbox" id = "__nav_5" >
< label class = "md-nav__link" for = "__nav_5" id = "__nav_5_label" tabindex = "0" >
Settings
< span class = "md-nav__icon md-icon" > < / span >
< / label >
< nav class = "md-nav" data-md-level = "1" aria-labelledby = "__nav_5_label" aria-expanded = "false" >
< label class = "md-nav__title" for = "__nav_5" >
< span class = "md-nav__icon md-icon" > < / span >
Settings
< / label >
< ul class = "md-nav__list" data-md-scrollfix >
2023-02-12 00:05:52 +01:00
< li class = "md-nav__item" >
< a href = "settings/" class = "md-nav__link" >
2023-02-12 13:31:47 +01:00
User
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "settings/" class = "md-nav__link" >
Admin
2023-02-12 00:05:52 +01:00
< / a >
< / li >
2023-02-12 13:31:47 +01:00
< / ul >
< / nav >
< / li >
2023-02-12 00:05:52 +01:00
2023-02-12 12:49:51 +01:00
< li class = "md-nav__item" >
< a href = "support/" class = "md-nav__link" >
Support
< / a >
< / li >
2023-02-12 00:05:52 +01:00
< li class = "md-nav__item" >
< a href = "contrib/" class = "md-nav__link" >
Contribute
< / a >
< / li >
< / ul >
< / nav >
< / div >
< / div >
< / div >
< div class = "md-sidebar md-sidebar--secondary" data-md-component = "sidebar" data-md-type = "toc" hidden >
< div class = "md-sidebar__scrollwrap" >
< div class = "md-sidebar__inner" >
< nav class = "md-nav md-nav--secondary" aria-label = "Table of contents" >
< label class = "md-nav__title" for = "__toc" >
< span class = "md-nav__icon md-icon" > < / span >
Table of contents
< / label >
< ul class = "md-nav__list" data-md-component = "toc" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "#support" class = "md-nav__link" >
Support
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#notice" class = "md-nav__link" >
Notice
< / a >
< / li >
< / ul >
< / nav >
< / div >
< / div >
< / div >
< div class = "md-content" data-md-component = "content" >
< article class = "md-content__inner md-typeset" >
< h1 id = "nextcloud-app-custom-menu" > 🤙 Nextcloud app / Custom menu 🎨< / h1 >
< p > < a href = "https://ci.gitnet.fr/deblan/side_menu" > < img alt = "Build Status" src = "https://ci.gitnet.fr/api/badges/deblan/side_menu/status.svg" / > < / a >
< a href = "https://translate.codeberg.org/engage/custom-menu/" > < img alt = "Translations" src = "https://translate.codeberg.org/widgets/custom-menu/-/application/svg-badge.svg" / > < / a > < / p >
< p > Allows you to modify the position of the main menu by creating a panel on the left of the interface or with a big menu on the top.
You can also add and sort custom categories, define apps that must be displayed in the top menu, etc. Fully customisable.< / p >
< p > This application is rather suitable for instances that activate a lot of applications.< / p >
< p > You can customize colors depending of the theme (Dark theme and Breeze Dark).< / p >
< ul >
2023-02-12 13:31:47 +01:00
< li > < a href = "requirements/" > Requirements< / a > < / li >
< li > < a href = "screenshots/" > Screenshots< / a > < / li >
< li > < a href = "setup/" > Installation and upgrade< / a > < / li >
< li > < a href = "settings/" > Settings< / a > < / li >
< li > < a href = "support/" > Support< / a > < / li >
< li > < a href = "contrib/" > Contribute< / a > < / li >
2023-02-12 00:05:52 +01:00
< / ul >
< p > You like this app and you want to support me? ☕ < a href = "https://www.buymeacoffee.com/deblan" > Buy me a coffee< / a > or < a href = "https://liberapay.com/deblan" > Donate with liberapay< / a > < / p >
< h2 id = "support" > Support< / h2 >
< p > You can join the official room on Matrix: < a href = "https://matrix.to/#/#custommenu:neutralnetwork.org" > #custommenu:neutralnetwork.org< / a > .< / p >
< h2 id = "notice" > Notice< / h2 >
< p > Because I believe in a free and decentralized Internet, < a href = "https://gitnet.fr" > Gitnet< / a > is < strong > self-hosted at home< / strong > .
In case of downtime, you can download < strong > Custom Menu< / strong > from [here](< a href = "https://kim.deblan.fr/~side_menu/" > https://kim.deblan.fr/~side_menu/< / a > < / p >
< / article >
< / div >
< / div >
< / main >
< footer class = "md-footer" >
< nav class = "md-footer__inner md-grid" aria-label = "Footer" >
< a href = "screenshots/" class = "md-footer__link md-footer__link--next" aria-label = "Next: Screenshots" rel = "next" >
< div class = "md-footer__title" >
< div class = "md-ellipsis" >
< span class = "md-footer__direction" >
Next
< / span >
Screenshots
< / div >
< / div >
< div class = "md-footer__button md-icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" > < path d = "M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4Z" / > < / svg >
< / div >
< / a >
< / nav >
< div class = "md-footer-meta md-typeset" >
< div class = "md-footer-meta__inner md-grid" >
< div class = "md-copyright" >
< / div >
< / div >
< / div >
< / footer >
< / div >
< div class = "md-dialog" data-md-component = "dialog" >
< div class = "md-dialog__inner md-typeset" > < / div >
< / div >
< script id = "__config" type = "application/json" > { "base" : "." , "features" : [ "content.code.copy" , "navigation.tabs" , "navigation.footer" ] , "search" : "assets/javascripts/workers/search.db81ec45.min.js" , "translations" : { "clipboard.copied" : "Copied to clipboard" , "clipboard.copy" : "Copy to clipboard" , "search.result.more.one" : "1 more on this page" , "search.result.more.other" : "# more on this page" , "search.result.none" : "No matching documents" , "search.result.one" : "1 matching document" , "search.result.other" : "# matching documents" , "search.result.placeholder" : "Type to start searching" , "search.result.term.missing" : "Missing" , "select.version" : "Select version" } } < / script >
< script src = "assets/javascripts/bundle.4b2c34cd.min.js" > < / script >
< / body >
< / html >