Positioning of tooltip over the screen

[Ahmed-elshorbagy]

when using show case with large widgets it is not show on the screen
why can't be used with Alignment to position it correctly over screen by using (0,0) for top left and (1,1) for bottom right
thanks in advance

[vatsaltanna]

Can you please elaborate with more details?

[Ahmed-elshorbagy]

if we wrap large widget with show case its tooltip may be out of the screen so why can't we position it over the widget itself and if we want top position it precisely we can by using Alignment or positioned widget
thanks in advance @vatsaltanna

[vatsaltanna]

I got your point but it seems that there is no proper use case of this functionality as there are very rare chances where the widget will be near to full screen and it needs to be highlighted. it will be very much helpful if you can share the use case currently you are having.

[proninyaroslav]

I faced a similar problem. I just wrapped a large widget, which is located in the center (here is fullscreen mode). The tooltip just went off the screen and isn't readable.

[proninyaroslav]

As a workaround, I use Stack and SizedBox inside, which I can put in a convenient place. I wrap SizedBox in Showcase and show it.

[Ahmed-elshorbagy]

I used a similar workaround also with stack i used an empty container and positioned it at the desired position and made the color of showcase background as transparent but i think this is not a good approach

[abhu66]

I solved this problem by reducing the height of the screen in ShowCase.withWidget( ... height:MediaQuery.of(context).size.hight - 400 or any; )

[rmahmadkhan]

@abhu66 this design is dope 🔥
for inspiration, can you please share the code behind custom widget and how you positioned it above the target widget?

[kaseyrossanderson]

@vatsaltanna In web we have a side navigation which I want to alert users to and it takes up the full height of the screen at all times regardless of screen size. The tooltip is positionable at either the top or the bottom. It would be nice if you could also choose from the left or the right.. so that in cases like this we can do to the size.

There are several other places in my app that I would use the side instead of on top or bottom and not just when something is taking up the full screen height.

[abhu66]

@abhu66 this design is dope 🔥 for inspiration, can you please share the code behind custom widget and how you positioned it above the target widget?

Sure,