Disable Image Properties

[Scott]

Is there a way to disable the Image Properties (right click on image) within the Editor?  In our app, images are resized and formatted on upload so there's no need for users to use it.

[Rumen]

Hello Scott,

You can use the ContextMenus innertag collection to predefine the items in the context menu that applies to the IMG tag like this:

  <telerik:radeditor id="RadEditor1" runat="server">
      <ImageManager ViewPaths="~/Images" UploadPaths="~/Images" />
      <ContextMenus>
          <telerik:EditorContextMenu TagName="IMG" Enabled="true">
             <telerik:EditorTool Name="ImageMapDialog" />     
          </telerik:EditorContextMenu>
      </ContextMenus>
  </telerik:radeditor>

Put the desired editor tools inside the <telerik:EditorContextMenu TagName="IMG" Enabled="true"> tags.


Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Scott]

Thanks

[Steve Napurano]

Can I see an example?
All I want to show is width and height and nothing else.

Cant find example.

Thanks

[Rumen]

Hi Steve,

Where do you want to show the width and height options only? If you want to only keep the Width and Height fields inside the Image Options dialog then you can see how to do that in the EditorDialogs/SetImageProperties.ascx dialog in the following live demo: Customize Built-in Dialogs.
You can also try the InsertImage lite dialog of RadEditor - see Dialogs demo.

If your scenario is other, please provide more information about the requested feature.

Best regards,
Rumen
the Telerik team

[Steve Napurano]

HI, see attached.

I only want to show height and width, I dont want users fiddling with any other properties.
Also, how do I get the menu to NOT overlap the pop up window

See attached

[Rumen]

Hello Steve Napurano,

Did you see the Customize Built-in Dialogs demo? It provides guidance how to hide the unwanted options inside the LinkManager. You should open the SetImageProperties.ascx file and edit its content to hide the desired fields using for example style="display:none" attribute.

You can try to change the z-index of RadWindow based dialogs of RadEditor for ASP.NET AJAX using the following CSS classes:

.RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow

{

z-index: 110000!important;

}

.RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwInactiveWindow

{

z-index: 10990!important;

}

The above classes work for the Default skin. If you use another skin you should update the Default string in them with the used skin name.

Black Skin:

.RadWindow.RadWindow_Black.rwNormalWindow.rwTransparentWindow

{

  z-index: 110000!important;

}

.RadWindow.RadWindow_Black.rwNormalWindow.rwTransparentWindow.rwInactiveWindow

{

z-index: 10990!important;

}

Greetings,
Rumen
the Telerik team