lucameusburger/directus-display-extensions

Some useful custom displays for directus 9 like hyperlinks and currency formats.

🐰 🖥 👍 directus-display-extensions

Some useful display extensions for 🐰 directus9!

By default you can not click links when viewing tables in directus9. I made some really simple extensions to make things clickable.

1. Build each extension with npx directus-extension build
2. Copy index.js from dist into /extensions/displays/EXTENSION-NAME/index.js
3. For styling (as seen in the screenshot) add the following css in the project-settings-page.
4. Enjoy

.display-link, .display-email-link, .display-tel-link { color: var(--v-button-background-color); } .display-link:hover, .display-email-link:hover, .display-tel-link:hover { color: var(--v-button-background-color-hover); }

directus-display-extensions's Issues

instructions to use the plugins

Hi Luca

I run yarn on each plugin folder but I cannot overwrite the index.js file into the same folder you mentioned:
/extensions/displays/EXTENSION-NAME

I tried to join them in a single index.js file but it didn't work. It's the first extension I try to enable but it didn't work on the latest Directus 9. I am almost sure it's my fault though :)

Can you elaborate a little bit more?

Thanks!