Making tree box extendable vertically!

[sakshi-dhamija]

Hello @bryan-brancotte @matuskalas @hmenager, this issue is about making the tree box extendable vertically using a cursor. As discussed in comments of #91, I implemented this feature roughly and the video of same is attached below:

WhatsApp.Video.2021-04-29.at.1.43.01.PM.mp4

I thought of extending the box by stretching the bottom limit of the box, but then a new user won't know about this functionality, so I planned to add a button. Can you review and let me know if this would be a good add-on for our website? Also, since I already worked on this partially( not yet implemented to tree box), so it won't take much time and I'll soon make a PR!

[raashika03]

Resizing(only vertically) using cursor will be a better option here. Providing buttons for everything will unnecessarily add up in the contents.

[raashika03]

Two things can be done here for better UI:

1. provide resizing using cursor for devices with mouse.
2. provide a button to appear for devices with touchpad.
   This approach will enhance UI & UX and is likely to solve scrollability issue for smaller screens.

[sakshi-dhamija]

Resizing(only vertically) using cursor will be a better option here. Providing buttons for everything will unnecessarily add up in the contents.

You are right @raashika03, but then a user might not get the idea of the existence of this feature. Let's see what our mentors suggest in this!

• provide resizing using cursor for devices with mouse.
• provide a button to appear for devices with touchpad.
  This approach will enhance UI & UX and is likely to solve scrollability issue for smaller screens.

Yeah, I agree it would solve scrollability issue for smaller screens, but that would be possible with a button too. Or maybe we can create a frame sort of thing, which indicates that it is extendable. In the case of using a cursor, I might never notice this functionality ( until it's a mobile screen where we have an issue of scrollability)

[raashika03]

but then a user might not get the idea of the existence of this feature.

I agree with you @secrashi but then if we see like that then even feature like dragging of tree map is not shown anywhere explicitly.
But still it's known to users and it's still helpful to have it without any button.

In the case of using a cursor, I might never notice this functionality ( until it's a mobile screen where we have an issue of scrollability)

A user will notice it with the change in cursor from pointer to resize one when they will scroll down to the empty spaces.
Tree map is like an image and in most of the websites one can resize images or view screen, so users must be acquainted.

Yes, let's wait for the mentors to suggest. what would be the best.

[bryan-brancotte]

Hi both of you,

This issue is very interesting, and I would like to go even deeper and think of why we would add a vertical expand button. It is because we want to use all the space we have while keeping the right detail panel, and #141 worked in this direction. I would like to go further and introduce the second part : have in fullscreen the detail panel. There is an old feature that I disabled a long time ago as it was redundant with the detail panel on the right : the floating detail panel code:

I think that If we could put more detail in this panel, we would solve the need adressed here, with a very intuitive approach.

What are you views ?

[raashika03]

so do you mean,

1. Have details term table appear on hovering over a node when tree map is in full screen mode?
   Did I understood right @bryan-brancotte ?
   So, vertical extension of tree map isn't needed, if we'll go with option 1. This seems useful to me.
   Actually it's an excellent idea. User can work in full screen mode with the term details panel too.
   RN they've to exit full screen if they need to check for details in that table.

empty space can be covered in other more useful ways. May be that bookmark option on which @secrashi is working.

[bryan-brancotte]

I would say yes @raashika03
Here is a draft of what I have in mind (pure photoshopping)

Adding "Community usage" would be done later, and only on demande as it consume network and we could end up block with too much request on each service.

[raashika03]

Ok @bryan-brancotte I understood well. So may be you can create an issue for this :) then one can work. 😅