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

Splitter icons super small

5 Answers 199 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Joe
Top achievements
Rank 1
Joe asked on 07 Mar 2017, 04:23 PM
My users are complaining that the icons used to resize splitter panes, as well as collapse and expand them are just too small...  How can I make them bigger?

5 Answers, 1 is accepted

Sort by
0
Orlin
Telerik team
answered on 09 Mar 2017, 06:45 AM
Extension settingsExtension settings

Hello Joe,

You can see the styles in this dojo for an example on resizing the Splitter handle icons.

I hope this helps.

 

Regards,
Orlin
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Joe
Top achievements
Rank 1
answered on 10 Mar 2017, 09:08 PM
It sort of helps... but those arrow icons are still pretty small, especially for the elderly within the office...
0
Orlin
Telerik team
answered on 14 Mar 2017, 06:57 AM
Extension settings

Hello Joe,

Further enlargement of the handle icons would necessitate increasing the Splitter bars' width. I have created the following dojo example to help get you started should you choose to do that. You can find it here: http://dojo.telerik.com/EJaKO/4

Please note the custom styles.

I hope this helps.

 

Regards,
Orlin
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Joe
Top achievements
Rank 1
answered on 14 Mar 2017, 03:31 PM
Thanx...  I can see the icons on the vertical splitter bars are indeed larger, although they're listed as .k-splitbar-horizontal (nooooo, not confusing at all... I'm assuming since they split the pane horizontally is why they called horizontal regardless that the actual bar themselves are vertical?) but I am unable to do the same thing for the vertical splitter bars.  I tried adding a style for .k-splitbar-vertical, but it did nothing.
0
Orlin
Telerik team
answered on 15 Mar 2017, 07:58 AM
Extension settingsExtension settingsExtension settings

Hello Joe,

To customize the horizontal bar, you can use the k-splitbar-vertical class as you can see in this dojo: http://dojo.telerik.com/EJaKO/6

To customize the horizontal handle bar (the black rectangle), modify the k-resize-handle.k-i-hbar class.

 

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