Splitter icons super small

6 posts, 0 answers
  1. Joe
    Joe avatar
    191 posts
    Member since:
    May 2012

    Posted 07 Mar Link to this post

    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?
  2. Orlin
    Admin
    Orlin avatar
    58 posts

    Posted 09 Mar Link to this post

    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.
  3. Joe
    Joe avatar
    191 posts
    Member since:
    May 2012

    Posted 10 Mar in reply to Orlin Link to this post

    It sort of helps... but those arrow icons are still pretty small, especially for the elderly within the office...
  4. Orlin
    Admin
    Orlin avatar
    58 posts

    Posted 14 Mar Link to this post

    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.
  5. Joe
    Joe avatar
    191 posts
    Member since:
    May 2012

    Posted 14 Mar in reply to Orlin Link to this post

    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.
  6. Orlin
    Admin
    Orlin avatar
    58 posts

    Posted 15 Mar Link to this post

    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.
Back to Top