This is a migrated thread and some comments may be shown as answers.

Issue with more drop down button

1 Answer 88 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Dennis
Top achievements
Rank 1
Dennis asked on 19 Jan 2018, 02:13 AM

Hello,

   We upgraded our controls and now our toolbar buttons are moved to a drop down button to the right.  There is plenty of room for our buttons, but they still go into the menu.  I've attached a screenshot.

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 19 Jan 2018, 12:18 PM

Hi Dennis,

I've just answered your support ticket with this question and I am pasting my answer here for anyone else having a similar situation.

You can prevent items from being collapsed through the Overflow property: https://docs.telerik.com/devtools/aspnet-ajax/controls/toolbar/mobile-support/responsive-design#preventing-items-from-being-collapsed.

As for the items collapsing in a grid - the table layout of the grid must be set to fixed for this to work at all, because otherwise the table will take the width of its contents (the toolbar) and not the other way around:

<MasterTableView TableLayout="Fixed"

I am attaching here an example based on the following resources that works fine for me:

If comparing it against your setup does not help you resolve the problem, please modify it to showcase the issue so I can investigate.

Regards,

Marin Bratanov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
ToolBar
Asked by
Dennis
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or