Built-in Dialogs

This demo demonstrates all the available built-in dialogs. You can examine their descriptions by following this list:

•   Insert Select dialog offers a way to easily create or edit <select> dropdowns in RadEditor. Using the "Add Option" and "Remove Option" buttons inside the dialog, the user can add or remove options. It is also possible to change the different dropdown's settings in the provided Properties panel. To edit an already selected dropdown in the content area, press the Insert Select toolbar button and the dropdown's properties and items will be loaded inside the Insert Select dialog.  
•   Thumbnail View mode for Image Manager - Starting from Q1 2012, the Image Manager has a new thumbnail mode, which is enabled by default. All images are loaded and displayed as icons in the central area of the dialog. The old grid mode could be restored by setting the ViewMode property to "Grid", e.g.
  
  <telerik:RadEditor runat="server" ID="RadEditor1">
      <ImageManager ViewMode="Grid" ViewPaths="~/images"  />
  </ telerik:RadEditor>
   
•   Insert External Video dialog offers a way to easily embed a YouTube or Vimeo video providing just the URL. Additional options for video customization are available as well.
   
•   Paste Html dialog allows you to paste HTML code in to the editor's current selection and render it. It is helpful when you need to enter predefined HTML code such as media embed source.
   
•   Paste Markdown dialog allows you to paste markdown code in to the editor's current selection and render it.
   
•   Insert Table Light dialog is a light version of Table Wizard. When enabled, its content is rendered on page load and as a result the content is immediately loaded when the dialog is shown without any delay. In order to have it decorated you should put a RadFormDecorator on the main page.
   
•   Insert Link dialog is a light version of Hyperlink Manager. When enabled, its content is rendered on page load and as a result the content is immediately loaded when the diaolg is shown without any delay. In order to have it decorated you should put a RadFormDecorator on the main page.
   
•   Insert Image dialog is a light version of SetImageProperties. When enabled, its content is rendered on page load and as a result the content is immediately loaded when the diaolg is shown without any delay. In order to have it decorated you should put a RadFormDecorator on the main page.
   
•   XhtmlValidator dialog uses the W3C XHTML Validator Page to perform validation of the current editor content. The W3C service returns a compliancy report right within the editor dialog. This feature liminates the need for manual copy/pasting of the HTML and validation in a separate browser window.
   
•   FormatCodeBlock dialog provides the ability to edit and format code blocks of text whether they be HTML, CSS, JavaScript as well as C# and VB code. You simply click the Format Code Block button, paste the corresponding lines of text or code into the upper pane of the appearing dialog, then select the Code Language format from the dropdown provided and finally click Insert to paste the formatted content into the editor.
  
  The dialog also provides a Preview button which allows you to see how the formatted content will look (depending on the selected Code Language item in the dropdown) before insertion into the content area.
   
• The Image Editor tab of the Image Manager provides the ability to resize, flip, rotate, crop the selected image element as well as set its opacity. This tool is based on the standalone RadImageEditor control.
   
•   StyleBuilder dialog - improved performance and appearance.
  
  The StyleBuilder dialog box provides options to define cascading style sheet (CSS) style attributes. A CSS style combines individual formatting and positioning attributes into an attribute set that you can apply all at one time.
  
  The StyleBuilder dialog box is divided into two panes. The left pane lists the following general categories (Font, Background, Text, Layout, Edges and Lists). When you select a category, the right pane shows the options for the selected category. As you select style options, the Style Builder dialog box creates CSS style that will be applied to the selected element in the content area of RadEditor..

Related Resources

• Introduction
• File Browser Dialogs
• Images
• Documents
• Media
• Format Code Block
• XHTML Validator
• Table Wizard