Plugins 〉Website Navigation
Website Navigation
Website Navigation
Grafana Cloud Free
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Grafana Cloud Free
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Grafana Cloud Free
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Grafana Cloud Free
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Grafana Cloud Free
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Installing Website Navigation on Grafana Cloud:
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
For more information, visit the docs on plugin installation.
Installing on a local Grafana:
For local instances, plugins are installed and updated via a simple CLI command. Plugins are not updated automatically, however you will be notified when updates are available right within your Grafana.
1. Install the Panel
Use the grafana-cli tool to install Website Navigation from the commandline:
grafana-cli plugins install The plugin will be installed into your grafana plugins directory; the default is /var/lib/grafana/plugins. More information on the cli tool.
Alternatively, you can manually download the .zip file for your architecture below and unpack it into your grafana plugins directory.
Alternatively, you can manually download the .zip file and unpack it into your grafana plugins directory.
2. Add the Panel to a Dashboard
Installed panels are available immediately in the Dashboards section in your Grafana main menu, and can be added like any other core panel in Grafana.
To see a list of installed panels, click the Plugins item in the main menu. Both core panels and installed panels will appear.
Changelog
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
[1.1.0] - 2025-06-01
✨ Added
🌍 Full Internationalization Support
- Added complete i18n support with English and Chinese languages
- Automatic language detection from Grafana user settings and browser preferences
- Localized panel options, link editor interface, and error messages
- Real-time language switching capability
- Persistent language preferences with graceful fallbacks
🎨 Enhanced Theme Support
- Improved visual styling for better theme integration
- Enhanced contrast and readability across different themes
🔧 New Configuration Options
- Added font size customization (8-32px range)
- Configurable link width settings
- Enhanced display options for better customization
📋 Link Management Improvements
- Added sort field for custom ordering of links and groups
- Groups are now sorted by the highest sort value within the group
- Links within groups are sorted in descending order by sort value
- Improved link editor interface with better usability
🔒 Security
- Role-Based Access Control
- Implemented permission checking for links based on user roles (Admin, Editor, Viewer)
- Links are filtered based on current user's permissions
- Secure handling of user data from Grafana context
🐛 Fixed
- Improved error handling for permission checks
- Better fallback mechanisms for missing user information
- Enhanced stability when accessing Grafana user context
🛠️ Technical Improvements
- Updated to Grafana 11.5.3+ compatibility
- Enhanced TypeScript types and interfaces
- Improved code organization and maintainability
- Added comprehensive error handling and logging
📚 Documentation
- Added detailed internationalization documentation
- Improved README with usage examples and configuration guide
- Enhanced code comments and documentation
[1.0.0] - 2023-12-01
✨ Initial Release
Core Navigation Panel
- Display website navigation links in customizable panels
- Support for grouping links by categories
- Multiple display themes (default and box themes)
- Show/hide options for group names and link icons
Basic Configuration
- Navigation data configuration through panel options
- Link URL and title customization
- Target window options (same window or new tab)
- Group-based organization of links
Developer Features
- Built with React and TypeScript
- Webpack-based build system
- Jest testing framework
- ESLint code quality tools
- Docker development environment
Plugin Architecture
- Standard Grafana panel plugin structure
- Plugin signing support for distribution
- Apache 2.0 license
🔧 Technical Stack
- React 18.2.0
- Grafana Data/UI/Runtime APIs
- TypeScript 5.5.4
- Webpack 5 build system
- Node.js 18+ support
