Toolbar with show more button in Web Application (ASP.NET 2.0)
09:15 08 Jul 2013

In an ASP.NET 2.0 application, there is a toolbar where few buttons (divs) are shown as displayed below: enter image description here

When user resizes (compress) the browser window this looks like as shown below: enter image description here

This is because the toolbar div’s height is auto so it wraps the divs to below. But, now I want to mention some fix height which shows only toolbar buttons in single row.

In expected behavior, if toolbar div buttons exceed the area then they should be shown like below as in desktop applications with a more button to access those buttons which are not displayed. Like this: enter image description here enter image description here

Anyone, who can help me to achieve this or suggest some alternate solutions if expected behavior is not possible in web application. jQuery is also used in this application. Help will be appreciated.

javascript html css asp.net