Remove the “Calendar” menu item

[SanchiezesCode]

Hi everyone,

How to remove the “Calendar” menu item from the main menu (not from the admin panel)?
Could someone please explain?

Thanks in advance for your help!

[JammingBen]

There is no config to hide the menu item. You could make it work with some custom CSS and simply hide the menu item. See https://docs.opencloud.eu/docs/dev/web/getting-started#styles and https://github.com/orgs/opencloud-eu/discussions/1726#discussioncomment-14869658 for details on how to add a custom CSS file. Your CSS would need to look like so:

[data-test-id="com.github.opencloud-eu.web.runtime.app-menu-item.Calendar"] {
    display: none;
}

[SanchiezesCode]

Thanks for the answer, but I still can’t fully understand.

I tested this CSS directly in the browser (via DevTools) and it works correctly — the Calendar menu item disappears. I’m running OpenCloud from the opencloud-compose setup (Docker). I’ve installed several plugins, including external-sites. I tried to add my custom CSS file into the plugin directory and reference it inside manifest.json, but it doesn’t seem to work.

Here’s my setup:

opt/opencloud-compose/.env

...
OC_CONFIG_DIR=/srv/opencloud-config
OC_DATA_DIR=/srv/opencloud-data
OC_APPS_DIR=/srv/opencloud-apps
...

Plugin directory

root@opencloud:~# ll /srv/opencloud-apps/external-sites/
total 20
drwxr-xr-x 3 root      root      4096 Nov  5 17:14 ./
drwxr-x--- 7 opencloud opencloud 4096 Nov  4 22:30 ../
-rw-r----- 1 root      root        99 Nov  5 17:14 hide-calendar.css
drwxr-xr-x 2 root      root      4096 Nov  5 00:01 js/
-rw-r--r-- 1 root      root       837 Nov  5 00:00 manifest.json

manifest.json

root@opencloud:~# head -n 5 /srv/opencloud-apps/external-sites/manifest.json 
{
  "entrypoint": "js/external-sites-Cpdcql5J.js",
  "config": {
    "href": "/srv/opencloud-apps/external-sites/hide-calendar.css",
    "sites": [

This configuration doesn’t seem to load the CSS file.

Question:
Is it possible to include a local CSS file (for example, hide-calendar.css) inside a plugin like external-sites?
Or is there a supported way to apply custom CSS globally in an OpenCloud installation (via Docker Compose)?

Any guidance or working example would be appreciated!

[JammingBen]

Adding styles like described in https://docs.opencloud.eu/docs/dev/web/getting-started/#styles is supposed to be done in the general web config, not in an app config. It would need to look something like this: https://github.com/opencloud-eu/web/blob/stable-4.2/dev/docker/opencloud.web.config.json (with the URLs adjusted and the added style of course). Then you can use the WEB_UI_CONFIG_FILE env var to specify a path to where this config file is located.

Is it possible to include a local CSS file (for example, hide-calendar.css) inside a plugin like external-sites?

You should be able to place the CSS file inside a plugin folder, yes. Just reference it in the global web config like described above, e.g. "href": "/assets/apps/external-sites/custom.css". The href should not be the path on your file system, but where the server is serving the app assets. It should be /assets/apps/{app-name}/. You can verify this by checking your browser network tab and looking for a file called external-sites.js if you have this app installed.

[SanchiezesCode]

I also additionally hide drawio and texteditor because users often click and create empty files)
Thank you for your help! You've been a great support to me! Everything is working fine now!

/opt/opencloud-compose/docker-compose.yml

...
    environment:
      WEB_UI_CONFIG_FILE: "/etc/opencloud/web-config.json"
...

/opt/opencloud-compose/.env

...
OC_CONFIG_DIR=/srv/opencloud-config
OC_DATA_DIR=/srv/opencloud-data
OC_APPS_DIR=/srv/opencloud-apps
...

/srv/opencloud-apps/external-sites/css/hide-calendar.css

[data-test-id="com.github.opencloud-eu.web.runtime.app-menu-item.Calendar"] {
    display: none;
}

/srv/opencloud-config/web-config.json

{
  "server": "https://example.com",
  "theme": "https://example.com/themes/opencloud/theme.json",
  "openIdConnect": {
    "metadata_url": "https://example.com/.well-known/openid-configuration",
    "authority": "https://example.com",
    "client_id": "web",
    "response_type": "code"
  },
  "options": {
    "contextHelpersReadMore": true
  },
  "apps": [
    "files",
    "text-editor",
    "pdf-viewer",
    "search",
    "external",
    "admin-settings",
    "epub-reader",
    "preview",
    "draw-io",
    "json-viewer",
    "unzip",
    "external-sites"
  ],
  "styles": [
    {
      "href": "/assets/apps/external-sites/css/hide-calendar.css"
    },
    {
      "href": "/assets/apps/external-sites/css/hide-drawio.css"
    },
    {
      "href": "/assets/apps/external-sites/css/hide-texteditor.css"
    }
  ]
}