Special characters dropdown full width

[Fit2Page]

Why is not full width used here?

[Ianko]

Hello,

The width of the dropdown is so because the value applied is 16.7em with corresponds to this size. 

You can either:

• Change it by defining your own tools collection and set a PopupWidth property as per to your needs (http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/toolbars/dropdowns/examples/resize-the-dropdown-header-and-pop-up-size);
  
  
• Or change it programmatically by using client-side code. Like in this example:  

  <telerik:RadEditor runat="server" ID="RadEditor1" Skin="Material" RenderMode="Lightweight" OnClientLoad="OnClientLoad"></telerik:RadEditor>
  
  <script>
      function OnClientLoad(editor, args) {
          editor.getToolByName("InsertSymbol").set_popupwidth("185px");
      }
  </script>

I hope that helps.

Regards,
Ianko
Telerik by Progress

[Fit2Page]

I do not mean the popup width...I mean the space that remains unused for displaying the characters in the popup.

This is the area I marked in my screen capture.

 

Marc

[Ianko]

Hello,

This is by design. There are the li.reClear elements that clear the float. This is needed because the dropdown height is calculated dynamically and without any initial restrictions the dropdown will render with no height, thus, the dropdown will break entirely. You can test that by adding this rule:

.reDropDownBody ul li.reClear {
    clear: none !important;
}

This will remove the blank area, but will render the dropdown with 5px height. Further, applying this modification involves even more complex client-side logic to render the dropdown properly. 

This is why the easiest solution is to reduce the popup's width so that the described empty area is gone.

Regards,
Ianko
Telerik by Progress