Unified Admin Backend
aka revamp of the Admin Backend UIUser Interface and dashboard using an unified theme look & feel to achieve better UXUser eXperience of Tiki site adminstration.
Compressed for clarity
Thanks to the very good work that was made we decided to plan the revamp in 3 steps during the February 2021 TRM. For clarity the previous content and comments will be placed in a faded plugin at the bottom of the page so we can have an updated roadmap coming first
There was a long and interesting discussion during the February 2021 TRM (see for more details: https://tiki.org/Roundtable-Meeting-2021-02)
In conclusion we agreed that if the interface was to be improved Tiki has most of the components needed to do (or start) it smoothly.
First step (done)
( @luciash d' being 🧙 , @Bernard Sfez / Tiki Specialist , @tsuki_katy , ...)
In Tiki we already have an "Admin theme" feature that make it easy to create a definitive solution or a proof of concept quickly and it is totally optional.
A future install option in Tiki was also mentioned (for admin choose Tiki classic theme or Tiki modern admin (naming?) )
We are working on first design proposal for the "Admin" theme and will put it here for review.
- Designed by @tsuki_katy (see below) in cooperation with @luciash d' being 🧙 (coordinator, mentor) the design was warmly welcomed and approved by the Tiki community
- The design was integrated and made as an optional feature for Tiki23 - enabled for fresh new installs only (to avoid issues for upgrades in case of custom layouts/themes)
Design Proposal
Suggested Features
(✔ = done, ✘ = rejected)
- ✔ While browsing the admin pages the Admin theme will be applied using the existing preference (which will be enabled on default installs)
- I request making this optional. I like using the site theme on admin pages also.
- No worries, it will be optional, just on fresh installs it will be enabled for newbies. We boomers can always switch it off with our luxury profiles or good ol' manual way 😉
- ✔ About color styling, I suggest using the Bootstrap .navbar-dark and .navbar-light classes to set the background, text, and link colors (as well as the dark/light switch option currently available for navbars). This way the coloring automatically works with whatever theme is used, and any new admin theme(s) can take advantage of existing classes, etc.
- Yes, as I wrote yesterday in one of the email messages on the devel list "Regarding the top bar we prefer to keep it in the dark gray color for dark navbar selection and maybe light gray for the light one" so we will do it like that (and if not you will be able to fix that for sure 😉)
- ✔ The admin navbar stays always visible at the top
- ✔ Removal of the admin anchors (small icons) from the top of the admin-include files and put the icons to the left sidebar (see the collapsible sliding left col below)
- ✔ Addition of a sliding left col (
based on the existing left col behavior we agreed that we will create special <aside> zone for it instead). That will display all the main features activated (based on the actual) and disabled ones with disabled class.
It was suggested this sliding menu to be always accessible (outside admins pages) for admins (optional)
[+]- ✘
Other links to be displayed This idea was rejected as the links would be duplicated, because they are already available in the top admin menu bar.
- Home (dashboard)
-
Additional features (to access the disabled features) the links to panels for disabled features will be always visible but in disabled look
- Users management
- Users
- Groups
- Permissions
- ....
- System
- Logs (tiki, actions)
- Tiki-check
- Security
- Performance
- ....
Notes
- This area should be customizable with a "reset page" button
- Some charts would be nice (see the next step below)
- Modules page needs some work to adapt (for the new aside zone)
Q&A
- Question: what happens to the Quickadmin module — no changes for this, or is it redundant with this admin reorganization? Also, does this make the enhanced Quickadmin feature created by Bilal and Amna redundant? (Sorry, I forgot its name — it's the horizontal scrolling panel that slides down from the page top, containing admin icons, etc.) I'm in favor of simplifying if possible.
- No, nothing happens with these modules with this reorganization. Maybe we could include the quickadmin one in the top bar though if there will be enough space?
- Quick Administration module is included in the UAB top bar now
Feature Links Grouping Suggestion
[+]
It's what I came up with when I was working on the "enhanced admin icon grid" idea, now shown down in the "Obsolete stuff" section of this page. The list of items was produced when I turned on everything at a test site. The text in brackets gives an idea about the rationale for the grouping and could be modified for use as small help-block text or a tooltip.
Global [Mainly front-facing, configured by site admins]
- General
- Features
- Look & Feel
- Modules
- Categories
- Search
- I18n
- Profiles
Content - main [Core features - configured by site admins; instances and content created by site users]
- Wiki
- File Galleries
- Trackers
- Blogs
- Forums
- Articles
- Calendars
- Comments
- Image Galleries (deprecated)
- Webmail
Content - secondary [Secondary features - Control details of main content features - configured by site admins; instances and content created by site users]
- Editing and Plugins
- WYSIWYG
- Work spaces
- Copyright
- Payment
- Maps
- Video
- Print settings
- Semantic links
- Feeds
Community [Configured or content created by site users]
- User settings
- Rating
- Score
- Tags
- Polls
- Directory
- FAQs
- RTC
- Share
- Community
- Social networks
- Messages
Backend [Backend management - only the site admins access]
- Login
- Meta Tags
- InterTiki
- Web services
- SEF URL
- Performance
- Security
- Connect
- Statistics
- Packages
Second step
Fixing declared issues seen in Tiki23:
https://dev.tiki.org/Wishlist+Search+Page?default%7Esearch=unified+admin#search=unified+admin%20backend
-
https://dev.tiki.org/item7814-Fixed-Top-Menu-Classic-bootstrap-and-bottom-modules-are-lost-when-using-the-Admin-new-UI-Tiki23-default Fixed in Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565
-
https://dev.tiki.org/item7844-Interactive-translation-top-bar-is-not-displayed-with-Bootstrap-classic-layout Fixed
Preliminary next step is revamp of the dashboard page:
- Dashboard / New Home for admin
Using existing data we have:
- At glance (Tiki statistics)
- How many pages
- Files
- Items
- Last admin log (5 last users ?)
- ...
- Activity, last added content
- Get started (conditional)
- TBD (newbie tips closable for ever)
- Tiki communication
- Version, updates
- Important communication from Tiki Community
Third step
At the January 2022 Roundtable meeting, there was a consensus that the new admin backend shouldn't be on by default in new Tiki installations because of user experience issues that need to be corrected. So it should be off by default, but it will be activated at the Tiki project sites and issues identified in detail and corrected before the release of Tiki 25.
Issues to correct
(✔ = done, ✘ = rejected)
Bug reports should be filed for these and other issues to put them on the radar and ensure follow-ups. Priority should be set to make sure most important problems are fixed.
- Following some links in the Unified Admin backend, the user ends up at a page without the UAB navigation (only the standard modules / menus, etc.)
- Basically all the links under the Settings in the Main Menu module should probably be also part of the UAB theme - it could be done if we add the
tiki_admin
class to the body element for them too and maybe based on that apply the theme for these pages.
- ✔
When the "bootstrap" layout (fixed top navbar) is active, the admin navbar overlaps its contents, which aren't removed because they are specified directly in the .tpl file, not in a module zone. Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565
- ✔
There are color conflicts between the admin CSS and theme CSS. Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565
- RTL issues (
stumbled upon bug with Farsi language - it is adding class fa
to body which conflicts with Font Awesome class Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565)
- ✔
Module Quick Admin overlaps the user/logout icon. Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565
- ....
-
For Inspiration
How other FLOSS projects do it?
PrestaShop
See their demo here: https://demo.prestashop.com/#/en/back
Open Project
(https://docs.openproject.org/system-admin-guide/) they are smaller, limited to 'project management' so only have 17 Features - yet they have a left side panel that assists in navigation:
--
Older Comments and Sections
Proposal to organize Control Panel Features into Sections
(originally introduced by Mike Finko, '@Mike Finko')
Purpose
(open for discussion)
- Difficulty in using the current (as of Tiki 22.x) Control Panels due to so many widely varying types of Features which are all uncategorized, e.g. unstructured
- Configurations can be enabled/disabled in multiple locations, adding to this confusion
- Difficulty in understanding the 'level of importance' of individual Features
- Difficulty in understanding 'what Tiki does' or 'where do I start' for new users due to the unstructured nature of the Control Panels
Goals
(open for discussion)
- Increase Control Panels ease of use for new users as well as long time users of Tiki
- Categorize, e.g. group in sections, all Features for easier 'on-boarding' of new users
- Allow for a faster learning curve for new users and higher retention rates of new users
- Increase future uniformity when adding new Features
- Create a central focus for Tiki on 'Core Modules' (as roughly stated here: https://info.tiki.org/Features) to improve marketability of Tiki as a product
Notes
- I know we discussed this before (most likely a TRM) but could not find any info about this on the Dev or Community sites - if I missed it somewhere, we can combine the pages.
- It was designed for 'full screen width' so doesn't look so great, here, sorry. Toggle the right module to 'Closed' and it will make viewing easier
- in any case, the Control Panel page looks custom coded page, so the html/css specialist that will be doing the actual re-vamp can make sure it looks perfect
- Icon - WebServices: since it is a 'cog' like General, I changed it to 'cloud-upload', since it involves the 'cloud', there is no 'cloud-upload-download' yet, and a Google search does not seem to indicate consensus, and no specific symbol in Font Awesome
- Icons Polls and Video: both slightly different, that's the closest I could find on Font Awesome
- I believe I included all the current Features, maybe only some experimental or deprecated ones are left out, two that I know I left out:
- Image Galleries - since this is listed as 'deprecated', I recommend we do not have the icon in the Control Panel as this just confuses users
- FAQ - in the 'Warning' it says "...there has been discussion about retiring this feature..." so let's retire it. Or, add it to the 'Deprecated' filter (e.g. Basic, Advanced, Experimental, etc.)
- I categorized them to the best of my abilities, I'm sure I overlooked a lot of things, please give your feedback for improvement.
- although the last few (Integration, Security, Miscellaneous) don't have many in them, my thinking was to leave room for expansion.
- After feedback and general consensus, we will need to update this page https://doc.tiki.org/Admin-Home
- we will need to limit the time for feedback, it cannot be 'forever' as no feedback should be considered a vote of 'approval'
Comparison (non-Tiki Admin Pages)
- We should consider how cPanel structured their 'Dashboard' due to the similarity of having a significant amount of Features - although it is a 'proprietary' software, it is generally considered a highly successful project. Three screenshots because it has so many Features:
Proposal
Enhanced Grid Display
This is a proposal to keep the admin icons in the grid so they are in a compact display, but to organize them, add a "header" for each section, and use color to differentiate the sections. This organization seems pretty good to me , but some things could be moved around. I used the standard Bootstrap button classes, so the effectiveness depends on the theme. Some themes could be improved in this regard.
Admin Panel-top Icons
The icons at the top of the admin pages that display without labels that correspond to the above reorganization would look something like this:
Bug reports
Suggested modification
^ 2022-09-07: Current plan (discussed at TAG meeting) is to make the new Unified Admin Panel to be the default in Tiki25, but optional ([https://gitlab.com/tikiwiki/tiki/-/merge_requests/2243|with a toggle to switch back and forth between the legacy admin panel and the Unified Admin panel]). And we remove the old admin panel for Tiki26 (or Tiki27 if the community members need more time) . ^
! Unified Admin Backend
aka revamp of the Admin Backend {MOUSEOVER(label="UI")}User Interface{MOUSEOVER} and dashboard using an unified theme look & feel to achieve better {MOUSEOVER(label="UX")}User eXperience{MOUSEOVER} of Tiki site adminstration.
{REMARKSBOX(type="note" title="Compressed for clarity")}Thanks to the very good work that was made we decided to plan the revamp in 3 steps during the February 2021 TRM. For clarity the previous content and comments will be placed in a faded plugin at the bottom of the page so we can have an updated roadmap coming first{REMARKSBOX}
There was a long and interesting discussion during the February 2021 TRM (see for more details: [https://tiki.org/Roundtable-Meeting-2021-02])
In conclusion we agreed that if the interface was to be improved Tiki has most of the components needed to do (or start) it smoothly.
!! First step (done)
( @luci , @Bsfez , @katykleinert , ...)
In Tiki we already have an "Admin theme" feature that make it easy to create a definitive solution or a proof of concept quickly and it is totally optional.
''A future install option in Tiki was also mentioned (for admin choose Tiki classic theme or Tiki modern admin (naming?) )''
--We are working on first design proposal for the "Admin" theme and will put it here for review. {sign user="luci" datetime="2021-03-15T19:02:24+00:00"}--
* Designed by @katykleinert (see below) in cooperation with @luci (coordinator, mentor) the design was warmly welcomed and approved by the Tiki community
* The design was integrated and made as an optional feature for ((Tiki23)) - enabled for fresh new installs only (to avoid issues for upgrades in case of custom layouts/themes)
!!! Design Proposal
::{img type="fileId" fileId="1526" thumb="box" width="640" featured="y"}::
{FADE(label="for all designs click here")}
::{img fileId="1527" thumb="box" class="mb-2" width="640"}::
::{img fileId="1528" thumb="box" width="200"}{img fileId="1529" thumb="box" width="200"}{img fileId="1530" thumb="box" width="200"}{img fileId="1531" thumb="box" width="200"}::
{FADE}
!!! Suggested Features
(✔ = done, ✘ = rejected)
* ✔ While browsing the admin pages the Admin theme will be applied using the existing preference (which will be enabled on default installs)
** I request making this optional. I like using the site theme on admin pages also. {sign user="chibaguy" datetime="2021-03-23T06:13:56+00:00"}
*** No worries, it will be optional, just on fresh installs it will be enabled for newbies. We boomers can always switch it off with our luxury profiles or good ol' manual way ;) {sign user="luci" datetime="2021-03-23T09:15:34+00:00"}
** ✔ About color styling, I suggest using the Bootstrap .navbar-dark and .navbar-light classes to set the background, text, and link colors (as well as the dark/light switch option currently available for navbars). This way the coloring automatically works with whatever theme is used, and any new admin theme(s) can take advantage of existing classes, etc. {sign user="chibaguy" datetime="2021-03-23T06:13:58+00:00"}
*** Yes, as I wrote yesterday in one of the email messages on the devel list "Regarding the top bar we prefer to keep it in the dark gray color for dark navbar selection and maybe light gray for the light one" so we will do it like that (and if not you will be able to fix that for sure ;)) {sign user="luci" datetime="2021-03-23T09:15:37+00:00"}
* ✔ The admin navbar stays always visible at the top
* ✔ Removal of the admin anchors (small icons) from the top of the admin-include files and put the icons to the left sidebar (see the collapsible sliding left col below)
* ✔ Addition of a sliding left col (--based on the existing left col behavior-- we agreed that we will create special <aside> zone for it instead). That will display all the main features activated (based on the actual) and disabled ones with disabled class.
+ It was suggested this sliding menu to be always accessible (outside admins pages) for admins (optional)
**- ✘ --Other links to be displayed-- This idea was rejected as the links would be duplicated, because they are already available in the top admin menu bar. {sign user="luci" datetime="2021-10-08T09:52:39+00:00"}
*** Home (dashboard)
*** --Additional features (to access the disabled features)-- the links to panels for disabled features will be always visible but in disabled look
*** Users management
**** Users
**** Groups
**** Permissions
**** ....
*** System
**** Logs (tiki, actions)
**** Tiki-check
**** Security
**** Performance
**** ....
!!!! Notes
* This area should be customizable with a "reset page" button
* Some charts would be nice (see the next step below)
* Modules page needs some work to adapt (for the new aside zone)
!!!! Q&A
* Question: what happens to the Quickadmin module -- no changes for this, or is it redundant with this admin reorganization? Also, does this make the enhanced Quickadmin feature created by Bilal and Amna redundant? (Sorry, I forgot its name -- it's the horizontal scrolling panel that slides down from the page top, containing admin icons, etc.) I'm in favor of simplifying if possible. {sign user="chibaguy" datetime="2021-03-23T06:13:59+00:00"}
** No, nothing happens with these modules with this reorganization. Maybe we could include the quickadmin one in the top bar though if there will be enough space? {sign user="luci" datetime="2021-03-23T09:24:21+00:00"}
*** Quick Administration module is included in the UAB top bar now {sign user="luci" datetime="2022-06-22T14:39:17+00:00"}
!!!!- Feature Links Grouping Suggestion
It's what I came up with when I was working on the "enhanced admin icon grid" idea, now shown down in the "Obsolete stuff" section of this page. The list of items was produced when I turned on everything at a test site. The text in brackets gives an idea about the rationale for the grouping and could be modified for use as small help-block text or a tooltip. {sign user="chibaguy" datetime="2021-03-22T07:21:37+00:00"}
__Global [[Mainly front-facing, configured by site admins]__
* General
* Features
* Look & Feel
* Modules
* Categories
* Search
* I18n
* Profiles
__Content - main [[Core features - configured by site admins; instances and content created by site users]__
* Wiki
* File Galleries
* Trackers
* Blogs
* Forums
* Articles
* Calendars
* Comments
* Image Galleries (deprecated)
* Webmail
__Content - secondary [[Secondary features - Control details of main content features - configured by site admins; instances and content created by site users]__
* Editing and Plugins
* WYSIWYG
* Work spaces
* Copyright
* Payment
* Maps
* Video
* Print settings
* Semantic links
* Feeds
__Community [[Configured or content created by site users]__
* User settings
* Rating
* Score
* Tags
* Polls
* Directory
* FAQs
* RTC
* Share
* Community
* Social networks
* Messages
__Backend [[Backend management - only the site admins access]__
* Login
* Meta Tags
* InterTiki
* Web services
* SEF URL
* Performance
* Security
* Connect
* Statistics
* Packages
!! Second step
Fixing declared issues seen in Tiki23:
https://dev.tiki.org/Wishlist+Search+Page?default%7Esearch=unified+admin#search=unified+admin%20backend
* --https://dev.tiki.org/item7814-Fixed-Top-Menu-Classic-bootstrap-and-bottom-modules-are-lost-when-using-the-Admin-new-UI-Tiki23-default-- Fixed in Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565
* --https://dev.tiki.org/item7844-Interactive-translation-top-bar-is-not-displayed-with-Bootstrap-classic-layout-- Fixed
Preliminary next step is revamp of the dashboard page:
* Dashboard / New Home for admin
+ Using existing data we have:
** At glance (Tiki statistics)
*** How many pages
*** Files
*** Items
*** Last admin log (5 last users ?)
*** ...
** Activity, last added content
** Get started (conditional)
*** TBD (newbie tips closable for ever)
** Tiki communication
*** Version, updates
*** Important communication from Tiki Community
!! Third step
At the [https://tiki.org/Roundtable Meeting 2022 01|January 2022 Roundtable meeting], there was a consensus that the new admin backend shouldn't be on by default in new Tiki installations because of user experience issues that need to be corrected. So it should be off by default, but it will be activated at the Tiki project sites and issues identified in detail and corrected before the release of Tiki 25.
!!! Issues to correct
(✔ = done, ✘ = rejected)
''Bug reports should be filed for these and other issues to put them on the radar and ensure follow-ups. Priority should be set to make sure most important problems are fixed.''
* Following some links in the Unified Admin backend, the user ends up at a page without the UAB navigation (only the standard modules / menus, etc.)
** Basically all the links under the Settings in the Main Menu module should probably be also part of the UAB theme - it could be done if we add the -+tiki_admin+- class to the body element for them too and maybe based on that apply the theme for these pages.
* ✔ --When the "bootstrap" layout (fixed top navbar) is active, the admin navbar overlaps its contents, which aren't removed because they are specified directly in the .tpl file, not in a module zone.-- Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565
* ✔ --There are color conflicts between the admin CSS and theme CSS.-- Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565
* RTL issues (--stumbled upon bug with Farsi language - it is adding class -+fa+- to body which conflicts with Font Awesome class-- Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565)
* ✔ --Module Quick Admin overlaps the user/logout icon.-- Fixed in https://gitlab.com/tikiwiki/tiki/-/merge_requests/1565
* ....
----
!! For Inspiration
How other FLOSS projects do it?
!!! PrestaShop
See their demo here: https://demo.prestashop.com/#/en/back
::{img fileId="1516" thumb="box"}{img fileId="1517" thumb="box"}{img fileId="1518" thumb="box"}{img fileId="1519" thumb="box"}::
!!! Open Project
(https://docs.openproject.org/system-admin-guide/) they are smaller, limited to 'project management' so only have 17 Features - yet they have a left side panel that assists in navigation:
::{img fileId="1483" thumb="box"}::
-----
!! Older Comments and Sections
!!! Proposal to organize Control Panel Features into Sections
(originally introduced by Mike Finko, '@mikeua')
!!!===Purpose===
''(open for discussion)''
*Difficulty in using the current (as of Tiki 22.x) Control Panels due to so many widely varying types of Features which are all uncategorized, e.g. unstructured
**Configurations can be enabled/disabled in multiple locations, adding to this confusion
*Difficulty in understanding the 'level of importance' of individual Features
*Difficulty in understanding 'what Tiki does' or 'where do I start' for new users due to the unstructured nature of the Control Panels
!!!===Goals===
''(open for discussion)''
*Increase Control Panels ease of use for new users as well as long time users of Tiki
*Categorize, e.g. group in sections, all Features for easier 'on-boarding' of new users
*Allow for a faster learning curve for new users and higher retention rates of new users
*Increase future uniformity when adding new Features
*Create a central focus for Tiki on 'Core Modules' (as roughly stated here: [https://info.tiki.org/Features]) to improve marketability of Tiki as a product
!!!===Notes===
*I know we discussed this before (most likely a TRM) but could not find any info about this on the Dev or Community sites - if I missed it somewhere, we can combine the pages.
*It was designed for 'full screen width' so doesn't look so great, here, sorry. Toggle the right module to 'Closed' and it will make viewing easier
**in any case, the Control Panel page looks custom coded page, so the html/css specialist that will be doing the actual re-vamp can make sure it looks perfect
**Icon - WebServices: since it is a 'cog' like General, I changed it to 'cloud-upload', since it involves the 'cloud', there is no 'cloud-upload-download' yet, and a Google search does not seem to indicate consensus, and no specific symbol in Font Awesome
**Icons Polls and Video: both slightly different, that's the closest I could find on Font Awesome
*I believe I included all the current Features, maybe only some experimental or deprecated ones are left out, two that I know I left out:
**Image Galleries - since this is listed as 'deprecated', I recommend we do not have the icon in the Control Panel as this just confuses users
**FAQ - in the 'Warning' it says "...there has been discussion about retiring this feature..." so let's retire it. Or, add it to the 'Deprecated' filter (e.g. Basic, Advanced, Experimental, etc.)
*I categorized them to the best of my abilities, I'm sure I overlooked a lot of things, please give your feedback for improvement.
*although the last few (Integration, Security, Miscellaneous) don't have many in them, my thinking was to leave room for expansion.
*After feedback and general consensus, we will need to update this page https://doc.tiki.org/Admin-Home
**we will need to limit the time for feedback, it cannot be 'forever' as no feedback should be considered a vote of 'approval'
!!! ===Comparison=== (non-Tiki Admin Pages)
*We should consider how cPanel structured their 'Dashboard' due to the similarity of having a significant amount of Features - although it is a 'proprietary' software, it is generally considered a highly successful project. Three screenshots because it has so many Features:
{img fileId="1482" thumb="box"}{img fileId="1481" thumb="box"}{img fileId="1478" thumb="box"}
!!! ===Proposal===
{DIV(type="div" bg="#3c88bc")}
!!!::~~#FFF:Core Features~~::
{DIV}
{FLUIDGRID(colsize="2|1|1|1|1|1|1|1|1|2")}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="database" size="3"}~~::
::~~#FFF:__Trackers__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="wiki" size="3"}~~::
::~~#FFF:__Wiki__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="calendar-check-o" size="3"}~~::
::~~#FFF:__Calendar__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="folder-open" size="3"}~~::
::~~#FFF:__File Galleries__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="newspaper" size="3"}~~::
::~~#FFF:__Articles__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="comments" size="3"}~~::
::~~#FFF:__Forums__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="map" size="3"}~~::
::~~#FFF:__Maps__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="credit-card-o" size="3"}~~::
::~~#FFF:__Payments__~~::
{DIV}
---
{FLUIDGRID}
{DIV(type="div" bg="#3c88bc")}
!!::~~#FFF:Admin Features~~::
{DIV}
{FLUIDGRID(colsize="1|1|1|1|1|1|1|1|1|1|1|1")}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="cog" size="3"}~~::
::~~#FFF:__General__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="power-off" size="3"}~~::
::~~#FFF:__Features__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="edit" size="3"}~~::
::~~#FFF:__Editing & Plugins__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="print" size="3"}~~::
::~~#FFF:__Printing__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="language" size="3"}~~::
::~~#FFF:__i18__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="gift" size="3"}~~::
::~~#FFF:__Packages__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="file-text-o" size="3"}~~::
::~~#FFF:__WYSIWYG__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="arrows-h" size="3"}~~::
::~~#FFF:__Semantic Links__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="chart-bar" size="3"}~~::
::~~#FFF:__Statistics__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="video" size="3"}~~::
::~~#FFF:__Video__~~::
{DIV}
---
{FLUIDGRID}
{DIV(type="div" bg="#3c88bc")}
!!!::~~#FFF:User Features~~::
{DIV}
{FLUIDGRID(colsize="6|1|1|1|1|1|1|6")}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="user" size="3"}~~::
::~~#FFF:__User Settings__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="login" size="3"}~~::
::~~#FFF:__Login__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="sitemap" size="3" rotate="270"}~~::
::~~#FFF:__Categories__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="desktop" size="3"}~~::
::~~#FFF:__Work Spaces__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="comment-o" size="3"}~~::
::~~#FFF:__Comments__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="folder-o" size="3"}~~::
::~~#FFF:__Directory__~~::
{DIV}
---
{FLUIDGRID}
{DIV(type="div" bg="#3c88bc")}
!!!::~~#FFF:Website Optimization~~::
{DIV}
{FLUIDGRID(colsize="4|1|1|1|1|4")}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="search-plus" size="3"}~~::
::~~#FFF:__SEF URL__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="search" size="3"}~~::
::~~#FFF:__Search__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="dashboard" size="3"}~~::
::~~#FFF:__Performace__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="tag" size="3"}~~::
::~~#FFF:__Meta Tags__~~::
{DIV}
---
{FLUIDGRID}
{DIV(type="div" bg="#3c88bc")}
!!!::~~#FFF:Collaboration~~::
{DIV}
{FLUIDGRID(colsize="1|1|1|1|1|1|1|1|1|1|1|1")}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="check-square" size="3"}~~::
::~~#FFF:__Rating__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="list" size="3"}~~::
::~~#FFF:__Polls__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="trophy" size="3"}~~::
::~~#FFF:__Score__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="tags" size="3"}~~::
::~~#FFF:__Tags__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="rss" size="3"}~~::
::~~#FFF:__Feeds__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="share-alt" size="3"}~~::
::~~#FFF:__Share__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="link" size="3"}~~::
::~~#FFF:__Connect__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="thumbs-o-up" size="3"}~~::
::~~#FFF:__Social Networks__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="users" size="3"}~~::
::~~#FFF:__Community__~~::
{DIV}
---
{FLUIDGRID}
{DIV(type="div" bg="#3c88bc")}
!!!::~~#FFF:Communication~~::
{DIV}
{FLUIDGRID(colsize="4|1|1|1|1|4")}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="inbox" size="3"}~~::
::~~#FFF:__Webmail__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="envelope" size="3"}~~::
::~~#FFF:__Messages__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="bullhorn" size="3"}~~::
::~~#FFF:__RTC__~~::
{DIV}
---
---
{FLUIDGRID}
{DIV(type="div" bg="#3c88bc")}
!!!::~~#FFF:Integration~~::
{DIV}
{FLUIDGRID(colsize="5|1|1|1|4")}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="exchange" size="3"}~~::
::~~#FFF:__InterTiki__~~::
{DIV}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="cloud-upload" size="3"}~~::
::~~#FFF:__WebServices__~~::
{DIV}
---
---
{FLUIDGRID}
{DIV(type="div" bg="#3c88bc")}
!!!::~~#FFF:Security~~::
{DIV}
{FLUIDGRID(colsize="5|1|6")}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="lock" size="3"}~~::
::~~#FFF:__Security__~~::
{DIV}
---
{FLUIDGRID}
{DIV(type="div" bg="#3c88bc")}
!!!::~~#FFF:Miscellaneous~~::
{DIV}
{FLUIDGRID(colsize="5|1|6")}
---
{DIV(type="div" bg="#3c88bc" width="120px")}
::~~#FFF:{icon name="copyright-o" size="3"}~~::
::~~#FFF:__Copyright__~~::
{DIV}
---
{FLUIDGRID}
!!! Enhanced Grid Display
This is a proposal to keep the admin icons in the grid so they are in a compact display, but to organize them, add a "header" for each section, and use color to differentiate the sections. This organization seems pretty good to me {sign user="chibaguy" datetime="2021-01-22T12:36:33+00:00"}, but some things could be moved around. I used the standard Bootstrap button classes, so the effectiveness depends on the theme. Some themes could be improved in this regard.
{HTML(wiki="0")}
<style>.icons-global, .icons-content_main, .icons-content_2, .icons-community, .icons-backend_management {
display: flex;
flex-direction: column;
}</style>
<div class="d-flex flex-row flex-wrap">
<a class="icons-global admbox basic btn btn-outline-success tips bottom slow" style="cursor: default;" title="Mainly front-facing, configured by site admins">
<span class="title">Global</span>
<span class="icon icon-admin_general fas fa-hand-point-right"></span>
</a>
<a href="tiki-admin.php?page=general" data-alt="General Global site configuration, date formats, etc." class="icons-global admbox basic btn btn-success tips bottom slow " title="" data-original-title="General" style="">
<span class="icon icon-admin_general fas fa-cog "></span>
<span class="title">General</span> </a>
<a href="tiki-admin.php?page=features" data-alt="Features Switches for major features" class="icons-global admbox basic btn btn-success tips bottom slow " title="" data-original-title="Features" style="">
<span class="icon icon-admin_features fas fa-power-off "></span>
<span class="title">Features</span> </a>
<a href="tiki-admin.php?page=module" data-alt="Modules Module appearance settings" class="icons-global admbox basic btn btn-success tips bottom slow " title="" data-original-title="Modules" style="">
<span class="icon icon-admin_module fas fa-shapes "></span>
<span class="title">Modules</span> </a>
<a href="tiki-admin.php?page=look" data-alt="Look & Feel Theme selection, layout settings and UI effect controls" class="icons-global admbox basic btn btn-success tips bottom slow " title="" data-original-title="Look & Feel" style="">
<span class="icon icon-admin_look far fa-image "></span>
<span class="title">Look & Feel</span> </a>
<a href="tiki-admin.php?page=search" data-alt="Search Search configuration" class="icons-global admbox basic btn btn-success tips bottom slow " title="" data-original-title="Search" style="">
<span class="icon icon-admin_search fas fa-search "></span>
<span class="title">Search</span> </a>
<a href="tiki-admin.php?page=category" data-alt="Categories Settings and features for categories" class="icons-global admbox basic btn btn-success tips bottom slow " title="" data-original-title="Categories" style="">
<span class="icon icon-admin_category fas fa-sitemap fa-rotate-270 "></span>
<span class="title">Categories</span> </a>
<a href="tiki-admin.php?page=i18n" data-alt="i18n Internationalization and localization - multilingual features" class="icons-global admbox basic btn btn-success tips bottom slow " title="" data-original-title="i18n" style="">
<span class="icon icon-admin_i18n fas fa-language "></span>
<span class="title">i18n</span> </a>
<a href="tiki-admin.php?page=profiles" data-alt="Profiles Repository configuration, browse and apply profiles" class="icons-global admbox basic btn btn-success tips bottom slow " title="" data-original-title="Profiles" style="">
<span class="icon icon-admin_profiles fas fa-cube "></span>
<span class="title">Profiles</span> </a>
<a class="icons-content_main admbox basic btn btn-outline-warning tips bottom slow" style="cursor: default;" title="Core features - configured by site admins; instances and content created by site users">
<span class="title">Content - Main</span>
<span class="icon fas fa-hand-point-right"></span> </a>
<a href="tiki-admin.php?page=wiki" data-alt="Wiki Wiki page settings and features" class="icons-content_main admbox basic btn btn-warning tips bottom slow " title="" data-original-title="Wiki" style="">
<span class="icon icon-admin_wiki far fa-file-alt "></span>
<span class="title">Wiki</span> </a>
<a href="tiki-admin.php?page=fgal" data-alt="File Galleries Defaults and configuration for file galleries" class="icons-content_main admbox basic btn btn-warning tips bottom slow " title="" data-original-title="File Galleries" style="">
<span class="icon icon-admin_fgal fas fa-folder-open "></span>
<span class="title">File Galleries</span> </a>
<a href="tiki-admin.php?page=trackers" data-alt="Trackers Settings and features for trackers" class="icons-content_main admbox basic btn btn-warning tips bottom slow " title="" data-original-title="Trackers" style="">
<span class="icon icon-admin_trackers fas fa-database "></span>
<span class="title">Trackers</span> </a>
<a href="tiki-admin.php?page=blogs" data-alt="Blogs Settings for blogs" class="icons-content_main admbox basic btn btn-warning tips bottom slow " title="" data-original-title="Blogs" style="">
<span class="icon icon-admin_blogs fas fa-bold "></span>
<span class="title">Blogs</span> </a>
<a href="tiki-admin.php?page=articles" data-alt="Articles Settings and features for articles" class="icons-content_main admbox basic btn btn-warning tips bottom slow " title="" data-original-title="Articles" style="">
<span class="icon icon-admin_articles far fa-newspaper "></span>
<span class="title">Articles</span> </a>
<a href="tiki-admin.php?page=forums" data-alt="Forums Settings and features for forums" class="icons-content_main admbox basic btn btn-warning tips bottom slow " title="" data-original-title="Forums" style="">
<span class="icon icon-admin_forums fas fa-comments "></span>
<span class="title">Forums</span> </a>
<a href="tiki-admin.php?page=calendar" data-alt="Calendar Settings and features for calendars" class="icons-content_main admbox basic btn btn-warning tips bottom slow " title="" data-original-title="Calendar" style="">
<span class="icon icon-admin_calendar far fa-calendar-alt "></span>
<span class="title">Calendar</span> </a>
<a href="tiki-admin.php?page=comments" data-alt="Comments Comments settings" class="icons-content_main admbox basic btn btn-warning tips bottom slow " title="" data-original-title="Comments" style="">
<span class="icon icon-admin_comments fas fa-comment "></span>
<span class="title">Comments</span> </a>
<!-- <a href="tiki-admin.php?page=gal" data-alt="Image Galleries Defaults and configuration for image galleries (will be phased out in favour of file galleries)" class="admbox basic btn btn-primary tips bottom slow " title="" data-original-title="Image Galleries" style="">
<span class="icon icon-admin_gal far fa-file-image "></span>
<span class="title">Image Galleries</span> </a>-->
<a class="icons-content_2 admbox basic btn btn-outline-info tips bottom slow" style="cursor: default;" title="Secondary features - Control details of main content features - configured by site admins; instances and content created by site users">
<span class="title">Content - Secondary</span>
<span class="icon icon-admin_general fas fa-hand-point-right"></span></a>
<a href="tiki-admin.php?page=textarea" data-alt="Editing and Plugins Text editing settings applicable to many areas. Plugin activation and plugin alias management" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Editing and Plugins" style="">
<span class="icon icon-admin_textarea fas fa-edit "></span>
<span class="title">Editing and Plugins</span> </a>
<a href="tiki-admin.php?page=wysiwyg" data-alt="Options for 'What You See Is What You Get' editor" class="icons-content_2 admbox basic btn btn-info tips bottom slow disabled-clickable" title="" data-original-title="Wysiwyg (Disabled)" style="">
<span class="icon icon-admin_wysiwyg fas fa-file-alt "></span>
<span class="title">WYSIWYG</span> </a>
<a href="tiki-admin.php?page=print" data-alt="Print Settings Settings and features for print versions and pdf generation" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Print Settings" style="">
<span class="icon icon-admin_print fas fa-print "></span>
<span class="title">Print Settings</span> </a>
<a href="tiki-admin.php?page=workspace" data-alt="Workspaces Configure workspace feature" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Workspaces" style="">
<span class="icon icon-admin_workspace fas fa-desktop "></span>
<span class="title">Workspaces</span> </a>
<a href="tiki-admin.php?page=maps" data-alt="Maps Settings and features for maps" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Maps" style="">
<span class="icon icon-admin_maps fas fa-map-marker-alt "></span>
<span class="title">Maps</span> </a>
<a href="tiki-admin.php?page=video" data-alt="Video Video integration configuration" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Video" style="">
<span class="icon icon-admin_video fas fa-video "></span>
<span class="title">Video</span> </a>
<a href="tiki-admin.php?page=copyright" data-alt="Copyright Site-wide copyright information" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Copyright" style="">
<span class="icon icon-admin_copyright far fa-copyright "></span>
<span class="title">Copyright</span> </a>
<a href="tiki-admin.php?page=rss" data-alt="Feeds Outgoing RSS feed setup" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Feeds" style="">
<span class="icon icon-admin_rss fas fa-rss "></span>
<span class="title">Feeds</span> </a>
<a href="tiki-admin.php?page=ads" data-alt="Banners Site advertisements and notices" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Banners" style="">
<span class="icon icon-admin_ads fas fa-film "></span>
<span class="title">Banners</span> </a>
<a href="tiki-admin.php?page=semantic" data-alt="Semantic Links Manage semantic wiki links" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Semantic Links" style="">
<span class="icon icon-admin_semantic fas fa-arrows-alt-h "></span>
<span class="title">Semantic Links</span> </a>
<a href="tiki-admin.php?page=payment" data-alt="Payment Payment settings" class="icons-content_2 admbox basic btn btn-info tips bottom slow " title="" data-original-title="Payment" style="">
<span class="icon icon-admin_payment far fa-credit-card "></span>
<span class="title">Payment</span> </a>
<a class="icons-community admbox basic btn btn-outline-secondary tips bottom slow" style="cursor: default;" title="Configured or content created by site users">
<span class="title">Community</span>
<span class="icon icon-admin_general fas fa-hand-point-right"></span></a>
<a href="tiki-admin.php?page=community" data-alt="Community User specific features and settings" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="Community" style="">
<span class="icon icon-admin_community fas fa-users "></span>
<span class="title">Community</span> </a>
<a href="tiki-admin.php?page=user" data-alt="User Settings User related preferences like info and picture, features, messages and notification, files, etc" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="User Settings" style="">
<span class="icon icon-admin_user fas fa-user "></span>
<span class="title">User Settings</span> </a>
<a href="tiki-admin.php?page=messages" data-alt="Messages Message settings" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="Messages" style="">
<span class="icon icon-admin_messages far fa-envelope "></span>
<span class="title">Messages</span> </a>
<a href="tiki-webmail.php?page=settings" data-alt="Webmail Webmail settings" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="Webmail" style="">
<span class="icon icon-admin_webmail fas fa-inbox "></span>
<span class="title">Webmail</span> </a>
<a href="tiki-admin.php?page=socialnetworks" data-alt="Social networks Configure social networks integration" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="Social networks" style="">
<span class="icon icon-admin_socialnetworks fas fa-thumbs-up "></span>
<span class="title">Social networks</span> </a>
<a href="tiki-admin.php?page=rating" data-alt="Rating Rating settings" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="Rating" style="">
<span class="icon icon-admin_rating fas fa-check-square "></span>
<span class="title">Rating</span> </a>
<a href="tiki-admin.php?page=score" data-alt="Score Values of actions for users rank score" class="icons-community admbox advanced btn btn-secondary tips bottom slow" title="" data-original-title="Score" style="">
<span class="icon icon-admin_score fas fa-trophy "></span>
<span class="title">Score</span> </a>
<a href="tiki-admin.php?page=freetags" data-alt="Tags Settings and features for tags" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="Tags" style="">
<span class="icon icon-admin_freetags fas fa-tags "></span>
<span class="title">Tags</span> </a>
<a href="tiki-admin.php?page=polls" data-alt="Polls Settings and features for polls" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="Polls" style="">
<span class="icon icon-admin_polls fas fa-tasks "></span>
<span class="title">Polls</span> </a>
<a href="tiki-admin.php?page=rtc" data-alt="RTC Real-time collaboration tools" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="RTC" style="">
<span class="icon icon-admin_rtc fas fa-bullhorn "></span>
<span class="title">RTC</span> </a>
<a href="tiki-admin.php?page=faqs" data-alt="FAQs Settings and features for FAQs" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="FAQs" style="">
<span class="icon icon-admin_faqs fas fa-question "></span>
<span class="title">FAQs</span> </a>
<a href="tiki-admin.php?page=directory" data-alt="Directory Settings and features for directory of links" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="Directory" style="">
<span class="icon icon-admin_directory far fa-folder "></span>
<span class="title">Directory</span> </a>
<a href="tiki-admin.php?page=share" data-alt="Share Configure share feature" class="icons-community admbox basic btn btn-secondary tips bottom slow " title="" data-original-title="Share" style="">
<span class="icon icon-admin_share fas fa-share-alt "></span>
<span class="title">Share</span> </a>
<a class="icons-global admbox basic btn btn-outline-danger tips bottom slow" style="cursor: default;" title="Backend management - only the site admins access">
<span class="title">Backend</span>
<span class="icon icon-admin_general fas fa-hand-point-right"></span></a>
<a href="tiki-admin.php?page=login" data-alt="Log in User registration, remember me cookie settings and authentication methods" class="icons-global admbox basic btn btn-danger tips bottom slow " title="" data-original-title="Log in" style="">
<span class="icon icon-admin_login fas fa-sign-in-alt "></span>
<span class="title">Log in</span> </a>
<a href="tiki-admin.php?page=metatags" data-alt="Meta Tags Information to include in the header of each page" class="icons-global admbox basic btn btn-danger tips bottom slow " title="" data-original-title="Meta Tags" style="">
<span class="icon icon-admin_metatags fas fa-tag "></span>
<span class="title">Meta Tags</span> </a>
<a href="tiki-admin.php?page=sefurl" data-alt="SEF URL Search Engine Friendly URLs" class="icons-global admbox basic btn btn-danger tips bottom slow " title="" data-original-title="SEF URL" style="">
<span class="icon icon-admin_sefurl fas fa-search-plus "></span>
<span class="title">SEF URL</span> </a>
<a href="tiki-admin.php?page=performance" data-alt="Performance Server performance settings" class="icons-global admbox basic btn btn-danger tips bottom slow " title="" data-original-title="Performance" style="">
<span class="icon icon-admin_performance fas fa-tachometer-alt "></span>
<span class="title">Performance</span> </a>
<a href="tiki-admin.php?page=security" data-alt="Security Site security settings" class="icons-global admbox basic btn btn-danger tips bottom slow " title="" data-original-title="Security" style="">
<span class="icon icon-admin_security fas fa-lock "></span>
<span class="title">Security</span> </a>
<a href="tiki-admin.php?page=stats" data-alt="Statistics Configure statistics reporting for your site usage" class="icons-global admbox basic btn btn-danger tips bottom slow " title="" data-original-title="Statistics" style="">
<span class="icon icon-admin_stats far fa-chart-bar "></span>
<span class="title">Statistics</span> </a>
<a href="tiki-admin.php?page=packages" data-alt="Packages External packages installation and management" class="icons-global admbox basic btn btn-danger tips bottom slow " title="" data-original-title="Packages" style="">
<span class="icon icon-admin_packages fas fa-gift "></span>
<span class="title">Packages</span> </a>
<a href="tiki-admin.php?page=connect" data-alt="Connect Tiki Connect - join in!" class="icons-global admbox basic btn btn-danger tips bottom slow " title="" data-original-title="Connect" style="">
<span class="icon icon-admin_connect fas fa-link "></span>
<span class="title">Connect</span> </a>
<a href="tiki-admin.php?page=intertiki" data-alt="InterTiki Set up links between Tiki servers" class="icons-global admbox basic btn btn-danger tips bottom slow " title="" data-original-title="InterTiki" style="">
<span class="icon icon-admin_intertiki fas fa-exchange-alt "></span>
<span class="title">InterTiki</span> </a>
<a href="tiki-admin.php?page=webservices" data-alt="Webservices Register and manage web services" class="icons-global admbox advanced btn btn-danger disabled tips bottom slow disabled-clickable" title="" data-original-title="Webservices (Disabled)" style="">
<span class="icon icon-admin_webservices fas fa-cog "></span>
<span class="title">Webservices</span> </a>
</div>{HTML}
!!! Admin Panel-top Icons
The icons at the top of the admin pages that display without labels that correspond to the above reorganization would look something like this:
{HTML()}<div class="adminanchors card"><div class="card-body navbar-light bg-light "><ul class="nav navbar-nav d-flex flex-row"><!-- TPL: file:admin/include_anchors.tpl -->
<li><a href="#" data-alt="General Global site configuration, date formats, etc." class="text-success border tips bottom slow icon nav-link" style="cursor: default" title="Global - Mainly front-facing, configured by site admins" data-original-title="Global - Mainly front-facing, configured by site admins">
<span class="icon icon-admin_general fas fa-hand-point-right"></span>
</a></li>
<li><a href="tiki-admin.php?page=general" data-alt="General Global site configuration, date formats, etc." class="text-success tips bottom slow icon nav-link" title="" data-original-title="General">
<span class="icon icon-admin_general fas fa-cog "></span>
</a></li>
<li><a href="tiki-admin.php?page=features" data-alt="Features Switches for major features" class="text-success tips bottom slow icon nav-link" title="Features" data-original-title="Features">
<span class="icon icon-admin_features fas fa-power-off "></span>
</a></li>
<li><a href="tiki-admin.php?page=module" data-alt="Modules Module appearance settings" class="text-success tips bottom slow icon nav-link" title="Modules" data-original-title="Modules">
<span class="icon icon-admin_module fas fa-shapes "></span>
</a></li>
<li><a href="tiki-admin.php?page=look" data-alt="Look & Feel Theme selection, layout settings and UI effect controls" class="text-success tips bottom slow icon nav-link" title="Look & Feel" data-original-title="Look & Feel">
<span class="icon icon-admin_look far fa-image "></span>
</a></li>
<li><a href="tiki-admin.php?page=search" data-alt="Search Search configuration" class="text-success tips bottom slow icon nav-link" title="Search" data-original-title="Search">
<span class="icon icon-admin_search fas fa-search "></span>
</a></li>
<li><a href="tiki-admin.php?page=category" data-alt="Categories Settings and features for categories" class="text-success tips bottom slow icon nav-link" title="Categories" data-original-title="Categories">
<span class="icon icon-admin_category fas fa-sitemap fa-rotate-270 "></span>
</a></li>
<li><a href="tiki-admin.php?page=i18n" data-alt="i18n Internationalization and localization - multilingual features" class="text-success tips bottom slow icon nav-link" title="Internationalization" data-original-title="Internationalization">
<span class="icon icon-admin_i18n fas fa-language "></span>
</a></li>
<li><a href="tiki-admin.php?page=profiles" data-alt="Profiles Repository configuration, browse and apply profiles" class="text-success tips bottom slow icon nav-link" title="Profiles" data-original-title="Profiles">
<span class="icon icon-admin_profiles fas fa-cube "></span>
</a></li>
<li><a href="#" data-alt="Content - Main" class="text-warning border tips bottom slow icon nav-link" style="cursor: default" title="Content - Main - Core features configured by site admins; instances and content created by site userss" data-original-title="Content - Main -Core features configured by site admins; instances and content created by site users">
<span class="icon icon-admin_general fas fa-hand-point-right"></span>
</a></li>
<li><a href="tiki-admin.php?page=wiki" data-alt="Wiki Wiki page settings and features" class="text-warning tips bottom slow icon nav-link" title="Wiki" data-original-title="Wiki">
<span class="icon icon-admin_wiki far fa-file-alt "></span>
</a></li>
<li><a href="tiki-admin.php?page=fgal" data-alt="File Galleries Defaults and configuration for file galleries" class="text-warning tips bottom slow icon nav-link" title="File Galleries" data-original-title="File Galleries">
<span class="icon icon-admin_fgal fas fa-folder-open "></span>
</a></li>
<li><a href="tiki-admin.php?page=trackers" data-alt="Trackers Settings and features for trackers" class="text-warning tips bottom slow icon nav-link" title="Trackers" data-original-title="Trackers">
<span class="icon icon-admin_trackers fas fa-database "></span>
</a></li>
<li><a href="tiki-admin.php?page=blogs" data-alt="Blogs Settings for blogs" class="text-warning tips bottom slow icon nav-link" title="Blogs" data-original-title="Blogs">
<span class="icon icon-admin_blogs fas fa-bold "></span>
</a></li>
<li><a href="tiki-admin.php?page=articles" data-alt="Articles Settings and features for articles" class="text-warning tips bottom slow icon nav-link" title="Articles" data-original-title="Articles">
<span class="icon icon-admin_articles far fa-newspaper "></span>
</a></li>
<li><a href="tiki-admin.php?page=forums" data-alt="Forums Settings and features for forums" class="text-warning tips bottom slow icon nav-link" title="Forums" data-original-title="Forums">
<span class="icon icon-admin_forums fas fa-comments "></span>
</a></li>
<li><a href="tiki-admin.php?page=calendar" data-alt="Calendar Settings and features for calendars" class="text-warning tips bottom slow icon nav-link" title="Calendar" data-original-title="Calendar">
<span class="icon icon-admin_calendar far fa-calendar-alt "></span>
</a></li>
<li><a href="tiki-admin.php?page=comments" data-alt="Comments Comments settings" class="text-warning tips bottom slow icon nav-link" title="Comments" data-original-title="Comments">
<span class="icon icon-admin_comments fas fa-comment "></span>
</a></li>
<li><a href="#" data-alt="Content - Secondary" class="text-info border tips bottom slow icon nav-link" style="cursor: default" title="Content - Secondary features - Control details of main content features - configured by site admins; instances and content created by site users" data-original-title="Content - Secondary features - Control details of main content features - configured by site admins; instances and content created by site users">
<span class="icon icon-admin_general fas fa-hand-point-right"></span>
</a></li>
<li><a href="tiki-admin.php?page=textarea" data-alt="Editing and Plugins Text editing settings applicable to many areas. Plugin activation and plugin alias management" class="text-info tips bottom slow icon nav-link" title="Editing and Plugins" data-original-title="Editing and Plugins">
<span class="icon icon-admin_textarea fas fa-edit "></span>
</a></li>
<li><a href="tiki-admin.php?page=wysiwyg" data-alt="WYSIWYG" class="text-info tips bottom slow icon nav-link" title="WYSIWYG" data-original-title="WYSIWYG">
<span class="icon icon-admin_textarea fas fa-edit "></span>
</a></li>
<li><a href="tiki-admin.php?page=print" data-alt="Print Settings Settings and features for print versions and pdf generation" class="text-info tips bottom slow icon nav-link" title="Print Settings" data-original-title="Print Settings">
<span class="icon icon-admin_print fas fa-print "></span>
</a></li>
<li><a href="tiki-admin.php?page=workspace" data-alt="Workspaces Configure workspace feature" class="text-info tips bottom slow icon nav-link" title="Workspaces" data-original-title="Workspaces">
<span class="icon icon-admin_workspace fas fa-desktop "></span>
</a></li>
<li><a href="tiki-admin.php?page=maps" data-alt="Maps Settings and features for maps" class="text-info tips bottom slow icon nav-link" title="Maps" data-original-title="Maps">
<span class="icon icon-admin_maps fas fa-map-marker-alt "></span>
</a></li>
<li><a href="tiki-admin.php?page=video" data-alt="Video Video integration configuration" class="text-info tips bottom slow icon nav-link" title="Video" data-original-title="Video">
<span class="icon icon-admin_video fas fa-video "></span>
</a></li>
<li><a href="tiki-admin.php?page=copyright" data-alt="Copyright Site-wide copyright information" class="text-info tips bottom slow icon nav-link" title="Copyright" data-original-title="Copyright">
<span class="icon icon-admin_copyright far fa-copyright "></span>
</a></li>
<li><a href="tiki-admin.php?page=rss" data-alt="Feeds Outgoing RSS feed setup" class="text-info tips bottom slow icon nav-link" title="Feeds" data-original-title="Feeds">
<span class="icon icon-admin_rss fas fa-rss "></span>
</a></li>
<li><a href="tiki-admin.php?page=ads" data-alt="Banners Site advertisements and notices" class="text-info tips bottom slow icon nav-link" title="Banners" data-original-title="Banners">
<span class="icon icon-admin_ads fas fa-film "></span>
</a></li>
<li><a href="tiki-admin.php?page=semantic" data-alt="Semantic Links Manage semantic wiki links" class="text-info tips bottom slow icon nav-link" title="Semantic Links" data-original-title="Semantic Links">
<span class="icon icon-admin_semantic fas fa-arrows-alt-h "></span>
</a></li>
<li><a href="tiki-admin.php?page=payment" data-alt="Payment Payment settings" class="text-info tips bottom slow icon nav-link" title="Payment" data-original-title="Payment">
<span class="icon icon-admin_payment far fa-credit-card "></span>
</a></li>
<li><a href="#" data-alt="Community" class="text-secondary border tips bottom slow icon nav-link" style="cursor: default" title="Community" data-original-title="Community">
<span class="icon icon-admin_general fas fa-hand-point-right"></span>
</a></li>
<li><a href="tiki-admin.php?page=community" data-alt="Community User specific features and settings" class="text-secondary tips bottom slow icon nav-link" title="Community" data-original-title="Community">
<span class="icon icon-admin_community fas fa-users "></span>
</a></li>
<li><a href="tiki-admin.php?page=user" data-alt="User Settings User related preferences like info and picture, features, messages and notification, files, etc" class="text-secondary tips bottom slow icon nav-link" title="User Settings" data-original-title="User Settings">
<span class="icon icon-admin_user fas fa-user "></span>
</a></li>
<li><a href="tiki-admin.php?page=messages" data-alt="Messages Message settings" class="text-secondary tips bottom slow icon nav-link" title="Messages" data-original-title="Messages">
<span class="icon icon-admin_messages far fa-envelope "></span>
</a></li>
<li><a href="tiki-webmail.php?page=settings" data-alt="Webmail Webmail settings" class="text-secondary tips bottom slow icon nav-link" title="Webmail" data-original-title="Webmail">
<span class="icon icon-admin_webmail fas fa-inbox "></span>
</a></li>
<li><a href="tiki-admin.php?page=socialnetworks" data-alt="Social networks Configure social networks integration" class="text-secondary tips bottom slow icon nav-link" title="Social Networks" data-original-title="Social Networks">
<span class="icon icon-admin_socialnetworks fas fa-thumbs-up "></span>
</a></li>
<li><a href="tiki-admin.php?page=rating" data-alt="Rating Rating settings" class="text-secondary tips bottom slow icon nav-link" title="Rating" data-original-title="Rating">
<span class="icon icon-admin_rating fas fa-check-square "></span>
</a></li>
<!-- Score -->
<li><a href="tiki-admin.php?page=freetags" data-alt="Tags Settings and features for tags" class="text-secondary tips bottom slow icon nav-link" title="Tags" data-original-title="Tags">
<span class="icon icon-admin_freetags fas fa-tags "></span>
</a></li>
<li><a href="tiki-admin.php?page=polls" data-alt="Polls Settings and features for polls" class="text-secondary tips bottom slow icon nav-link" title="Polls" data-original-title="Polls">
<span class="icon icon-admin_polls fas fa-tasks "></span>
</a></li>
<li><a href="tiki-admin.php?page=rtc" data-alt="RTC Real-time collaboration tools" class="text-secondary tips bottom slow icon nav-link" title="RTC" data-original-title="RTC">
<span class="icon icon-admin_rtc fas fa-bullhorn "></span>
</a></li>
<li><a href="tiki-admin.php?page=faqs" data-alt="FAQs Settings and features for FAQs" class="text-secondary tips bottom slow icon nav-link" title="FAQs" data-original-title="FAQs">
<span class="icon icon-admin_faqs fas fa-question "></span>
</a></li>
<li><a href="tiki-admin.php?page=directory" data-alt="Directory Settings and features for directory of links" class="text-secondary tips bottom slow icon nav-link" title="Directory" data-original-title="Directory">
<span class="icon icon-admin_directory far fa-folder "></span>
</a></li>
<li><a href="tiki-admin.php?page=share" data-alt="Share Configure share feature" class="text-secondary tips bottom slow icon nav-link" title="Share" data-original-title="Share">
<span class="icon icon-admin_share fas fa-share-alt "></span>
</a></li>
<li><a href="#" data-alt="Backend" class="text-danger border tips bottom slow icon nav-link" style="cursor: default" title="Backend" data-original-title="Backend">
<span class="icon icon-admin_general fas fa-hand-point-right"></span>
</a></li>
<li><a href="tiki-admin.php?page=login" data-alt="Log in User registration, remember me cookie settings and authentication methods" class="text-danger tips bottom slow icon nav-link" title="Log in" data-original-title="Log in">
<span class="icon icon-admin_login fas fa-sign-in-alt "></span>
</a></li>
<li><a href="tiki-admin.php?page=metatags" data-alt="Meta Tags Information to include in the header of each page" class="text-danger tips bottom slow icon nav-link" title="Meta Tags" data-original-title="Meta Tags">
<span class="icon icon-admin_metatags fas fa-tag "></span>
</a></li>
<li><a href="tiki-admin.php?page=sefurl" data-alt="SEF URL Search Engine Friendly URLs" class="text-danger tips bottom slow icon nav-link" title="SEF URL" data-original-title="SEF URL">
<span class="icon icon-admin_sefurl fas fa-search-plus "></span>
</a></li>
<li><a href="tiki-admin.php?page=performance" data-alt="Performance Server performance settings" class="text-danger tips bottom slow icon nav-link" title="Performance" data-original-title="Performance">
<span class="icon icon-admin_performance fas fa-tachometer-alt "></span>
</a></li>
<li><a href="tiki-admin.php?page=security" data-alt="Security Site security settings" class="text-danger tips bottom slow icon nav-link" title="Security" data-original-title="Security">
<span class="icon icon-admin_security fas fa-lock "></span>
</a></li>
<li><a href="tiki-admin.php?page=stats" data-alt="Statistics Configure statistics reporting for your site usage" class="text-danger tips bottom slow icon nav-link" title="Statistics" data-original-title="Statistics">
<span class="icon icon-admin_stats far fa-chart-bar "></span>
</a></li>
<li><a href="tiki-admin.php?page=packages" data-alt="Packages External packages installation and management" class="text-danger tips bottom slow icon nav-link" title="Packages" data-original-title="Packages">
<span class="icon icon-admin_packages fas fa-gift "></span>
</a></li>
<li><a href="tiki-admin.php?page=connect" data-alt="Connect Tiki Connect - join in!" class="text-danger tips bottom slow icon nav-link" title="Connect" data-original-title="Connect">
<span class="icon icon-admin_connect fas fa-link "></span>
</a></li>
<li><a href="tiki-admin.php?page=intertiki" data-alt="InterTiki Set up links between Tiki servers" class="text-danger tips bottom slow icon nav-link" title="InterTiki" data-original-title="InterTiki">
<span class="icon icon-admin_intertiki fas fa-exchange-alt "></span>
</a></li>
<li><a href="tiki-admin.php?page=webservices" data-alt="Webservices Register and manage web services" class="text-danger tips bottom slow icon nav-link" title="Webservices" data-original-title="Webservices">
<span class="icon icon-admin_webservices fas fa-cog "></span>
</a></li>
<!-- <li><a href="tiki-admin.php?page=gal" data-alt="Image Galleries Defaults and configuration for image galleries (will be phased out in favour of file galleries)" class="tips bottom slow icon nav-link" title="" data-original-title="Image Galleries">
<span class="icon icon-admin_gal far fa-file-image "></span>
</a></li>-->
<!-- /TPL: file:admin/include_anchors.tpl --></ul></div></div>{HTML}
!! Bug reports
* --https://gitlab.com/tikiwiki/tiki/-/merge_requests/856-- fixed
* Tiki.org admin panel difficult to use on mobile: [tiki-download_wiki_attachment.php?attId=234&display]
** Probably fixed on main. Fixes need to be backported to 24.x? {sign user="luci" datetime="2022-09-07T13:00:25+00:00"}
!! Suggested modification
~tc~ (alias(Control Panel re-organization)) ~/tc~
~tc~ (alias(Administration UX and Control Panels re-organization)) ~/tc~
~tc~ (alias(Administration-UX-and-Control-Panels-re-organization)) ~/tc~