Comments (16)
Coming from Drupal, where Kint is being used in the Devel module to output massive arrays, not knowing how to collapse them down to see just the first level is a massive usability problem. I considered Kint completely unusable until I found this was possible.
from kint.
That's not really discoverable as a UI feature.
How about having 2 buttons, one to expand by one level and one to expand all children?
from kint.
http://raveren.github.io/kint/#navigation
Left click anywhere on a collapsed dump to show its contents. Doing so on the leading [+] will un-collapse all levels of the dump as well.
Double-clicking any plus sign will un-collapse all dumps on the page.
from kint.
Ah, I see.
But how to close all child elements of an element after you opened them all?
from kint.
Click the minus - that will collapse all children recursively then click next to it, it will show only immediate children of the selected node.
from kint.
Thanks. 👍
from kint.
Hello, thanks for the input - and although I agree that it is a slight usability issue, cluttering the interface is not a solution unfortunately.
from kint.
Ok, I can feel your pain :)
So what do you suggest, an another button is not an option IMO, a tooltip would be one solution that's easy to implement as well: on the [+] button This button expands and collapses all nodes, click *next* to it to only collapse top level.
What do you think?
from kint.
a tooltip would be one solution that's easy to implement as well
That would certainly help, but I'm not a UX expert -- I don't know if that would be sufficiently discoverable.
from kint.
I'm guessing it's better than nothing, I'll add it.
from kint.
We in drupal world were used to krumo, by default it only expanded top levels so we can get an overview of the object. Now Kint goes like this.
and what I really want by default is this
So maybe some modifier in config files, where we can add (open only first level) would be good. But I would also say that would be best UX for all anyway, but if people differ with that, at least to have option to set it like that. I know 99% of drupal people would use that setting.
from kint.
Click the minus - that will collapse all children recursively then click next to it, it will show only immediate children of the selected node.
from kint.
Maybe I am using different version of KINT. I dont see any next. But it does work when I click on the whole highlighted area as I wanted it to work.
from kint.
I dont see any next.
Have trouble finding the "Any" key too? :)
from kint.
I was reading above where it says
"This button expands and collapses all nodes, click next to it to only collapse top level." so somehow I got it that it must say next :) but when I read it now, I see I got it wrong.
from kint.
Anyway, the question of the button's lack of clarity continues at #191
from kint.
Related Issues (20)
- How to use a plugin? HOT 5
- kint.phar: continue2 or break? HOT 6
- PHP 8.1 issue - passing a null parameter HOT 6
- TypeError str_replace(): Argument #3 ($subject) must be of type array|string, bool givenexi HOT 2
- Some HTML errors HOT 2
- Psalm false-positives HOT 1
- PHP Warning: realpath(): open_basedir restriction in effect
- Solarized-dark theme changes body text and background color HOT 5
- Simplexml parsing with PHP 8.2 and Apache and attribute leads to an segfault HOT 3
- SplFileInfoRepresentation: TypeError date(): Argument #2 ($timestamp) must be of type ?int, bool given HOT 3
- Phar build reproducability HOT 14
- file_exists(): Unable to find the wrapper "phar" HOT 10
- file_exists() throws exception when a NULL character exists in string HOT 4
- triple clicks marks the whole page
- Can't return plain text with modifiers HOT 2
- Fatal error: Uncaught Error: Class "Kint\Parser\Parser" not found
- Show dump time HOT 4
- Allow class in shallow_blacklist to display occurrences of same class in it's own dump HOT 2
- Symfony/Drupal: TypeError: Cannot assign stdClass to reference held by property of type array HOT 2
- Kint and Content Security Policy ( CSP ) HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from kint.