https://github.com/pasek108/pma-betterdesigner
Fixes and improvements for the phpMyAdmin designer to enhance its usability
https://github.com/pasek108/pma-betterdesigner
erd erd-diagram erdiagram fix fixes improvement improvements phpmyadmin pma pmadmin
Last synced: 11 months ago
JSON representation
Fixes and improvements for the phpMyAdmin designer to enhance its usability
- Host: GitHub
- URL: https://github.com/pasek108/pma-betterdesigner
- Owner: Pasek108
- Created: 2024-12-26T23:21:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-20T21:59:02.000Z (over 1 year ago)
- Last Synced: 2025-01-20T22:52:17.462Z (over 1 year ago)
- Topics: erd, erd-diagram, erdiagram, fix, fixes, improvement, improvements, phpmyadmin, pma, pmadmin
- Language: JavaScript
- Homepage:
- Size: 170 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
PMA-BetterDesigner - Readme
Fixes and improvements for the phpMyAdmin designer to enhance its usability
# Overview :sparkles:
## About
The [phpMyAdmin](https://www.phpmyadmin.net) designer is a built-in tool for creating ERDs (Entity-Relationship Diagrams) for databases. However, several issues make it frustrating to use, and it lacks essential features, such as exporting saved pages. This project provides fixes and improvements to enhance its functionality, making it a more effective tool.
This project was developed and tested with phpMyAdmin 5.2.1 in the XAMPP package on Windows. Further testing on other operating systems and PMA versions is needed. Fixes and features are separated, allowing you to enable or disable them in any combination using the settings.json file. It should also work with different themes.
## Installation
1. Download and extract the release zip file.
2. Navigate to the `v1.x.y.min` folder and copy its contents (`config.header.inc.php` file and `BetterDesigner` folder).
3. Paste the copied contents into your `phpMyAdmin` folder (e.g. `C:\xampp\phpMyAdmin`).
## Features
- Fix - dragging tables
- Fix - table squeezing at canvas borders
- Fix - table buttons shifting positions on hover
- Fix - dragging tables outside canvas boundaries
- Fix - scrolling issues in the designer area
- Fix - invisible relations when dragging tables
- New feature - scrolling the designer area by dragging the mouse
- New feature - zooming the designer area using mouse wheel while holding the Alt key
- New feature - screenshot mode for saving full ERD with [GoFullPage](https://gofullpage.com) or Firefox [full page screenshot](https://support.mozilla.org/en-US/kb/take-screenshots-firefox)
- New feature - importing and exporting designer pages
- Each feature works independently and can be disabled in the `settings.json` file
- Compatible with different themes
> [!NOTE]
> Room for improvements:
> - Testing compatibility with other phpMyAdmin versions
> - Testing support for different operating systems
> - New feature - option to make all tables the same size
> - New feature - table style picker
> - New feature - dragging relations with the mouse
> - New feature - changing relation colors
## Acknowledgements
- [Flaticon - camera icon](https://www.flaticon.com/free-icon/dslr-camera_83574?term=camera&page=1&position=8&origin=tag&related_id=83574)
- [Flaticon - Porting icon](https://www.flaticon.com/free-icon/distribution_8882845?term=import+export&page=1&position=42&origin=search&related_id=8882845)
- [Flaticon - Close icon](https://www.flaticon.com/free-icon/close_2976286?term=close&page=1&position=2&origin=search&related_id=2976286)
- [Stack Overflow - How to save designer pages in phpmyadmin](https://stackoverflow.com/a/78842891/13277499)
- [Phuoc Nguyen - Drag to scroll](https://phuoc.ng/collection/html-dom/drag-to-scroll/)