Re: Show next item and previous item button when overflow

Some observations

1) What you describe is a scrollbar...

2) What you want is not GWT specific. If you can do it with html/css/js then you can also do it in GWT.

Now if don't want to use scrollbar and you want to rely on the (way to deprecation) GWT widget framework you can try something in the following lines

a) Use a ResizePanel to host your HTMLPanel in order to get resize events for your container. Note that this may require significant changes to your page layout and structure,

b) If you have the size of the container and the min width of your items to be displayed you can do calculation to decide what to show...

Hope that helps

     Vassilis

On Mon, Oct 31, 2016 at 7:58 AM, 'Shuo Weng' via GWT Users <google-web-toolkit@googlegroups.com> wrote:

Hi all,

Does anyone have an idea on how to make this happen GWT:

I have a HTMLPanel which contains 8 cards. The cards are placed horizontally and their min-width are set.  I want to show a previous item button in the left and a next item button in the right when screen cannot show the total 8 cards.

Any idea on how to implement this?

Thanks.

--
You received this message because you are subscribed to the Google Groups "GWT Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.

--

Vassilis Virvilis

--
You received this message because you are subscribed to the Google Groups "GWT Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.