RadImageEditor with zoom control

2 posts, 1 answers
  1. Robert
    Robert avatar
    31 posts
    Member since:
    Apr 2011

    Posted 17 Apr 2014 Link to this post

    I would like to use the RadImageEditor with only scrolling and zoom/magnify available.   Scroll bars seem to be working by default, but I also need a zoom feature like the slider present in RadImageEditorUI

    That doesn't seem to be an option using RadImageEditorUI, I can't hide the tool panel on the left.  And if it's possible with the RadImageEditor, I haven't discovered how.

    The xaml-sdk on Github  is very educational, but didn't address this question.


  2. Answer
    Petya avatar
    973 posts

    Posted 21 Apr 2014 Link to this post


    You can add a ZoomController to your view and bind it to the RadImageEditor in it to allow zoom in/out functionality like the one in RadImageEditorUI.
    <telerik:RadImageEditor Name="imageEditor"  />
    <imaging:ZoomController Grid.Row="1" ImageEditor="{Binding ElementName=imageEditor}"  Margin="0 8"/>
    The imaging namespace should be defined as follows:

    Alternatively, you can adopt implicit styles in your application and modify the default style of RadImageEditorUI to fit your needs. More information about implicit styles is available here.

    I hope this helps.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
Back to Top