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

Overflow button is over the last element

3 Answers 92 Views
Toolbar
This is a migrated thread and some comments may be shown as answers.
TraceParts
Top achievements
Rank 1
TraceParts asked on 15 Mar 2018, 10:10 AM

Hello,

Since Kendo UI 2018, the overflow button is over the last element in the toolbar with css (float:left or display:inline-block)

Here the dojo using Kendo UI 2018
https://dojo.telerik.com/UQAGeWeh

Here the same dojo using Kendo UI 2017 R3
https://dojo.telerik.com/UQAGeWeh/2

 

3 Answers, 1 is accepted

Sort by
0
TraceParts
Top achievements
Rank 1
answered on 15 Mar 2018, 10:16 AM

Here the dojo using Kendo UI 2018
https://dojo.telerik.com/ikoxehoK

Here the same dojo using Kendo UI 2017 R3
https://dojo.telerik.com/ikoxehoK/2

0
TraceParts
Top achievements
Rank 1
answered on 15 Mar 2018, 10:21 AM

Hello,
Since Kendo UI 2018, the overflow button is over the last element in the toolbar with css (float:left or display:inline-block)

 

Here the dojo using Kendo UI 2018
https://dojo.telerik.com/ikoxehoK

Here the same dojo using Kendo UI 2017 R3
https://dojo.telerik.com/ikoxehoK/2

 

Please delete my two first posts

0
Ivan Danchev
Telerik team
answered on 19 Mar 2018, 11:25 AM
Hello,

By design the ToolBar has display set to block and this is needed in order for it to have fluid capabilities. We do not recommend setting its display to inline-block
since this will negatively affect these capabilities, but if you want to do it you can set padding to the ToolBar's element, in order to avoid the last element being overlapped by the overflow button:
#toolbar {
  display: inline-block;
  padding-right: 50px;
}

Updated dojo.

Regards,
Ivan Danchev
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
TraceParts
Top achievements
Rank 1
Answers by
TraceParts
Top achievements
Rank 1
Ivan Danchev
Telerik team
Share this question
or