Telerik RadEditorの幅を変更する方法

Question

私はTelerik Rad Editorを使用し、CSSを使用して変更しようとしています。それは適用されません。ここ

は私のコードです：

<telerik:RadEditor 
    ClientIDMode="Static" 
    ID="objRadEditor" 
    AutoResizeHeight="true" 
    EnableResize="false" 
    EditModes="Design,Html" 
    runat="server" 
    StripFormattingOptions="all" 
    Width="100%" Height="140px" 
    ToolsFile="~/xml/RadEditorBasicToolsFile.xml"> 
    <ContextMenus> 
    <telerik:EditorContextMenu Enabled="false" TagName="A"> 
    </telerik:EditorContextMenu> 
    </ContextMenus> 
</telerik:RadEditor> 

Answer 1

サイズをサポートしていませんRadEditorの幅をパーセント値では動作しないようですので、あなたがデザインRadEditorでは、この1 http://www.telerik.com/forums/radeditor-width-100#rSSLKsUzgkSy7WtjmGGlBg

のような回避策を使用することができますこれはブラウザウィンドウのサイズが変更されたときにそのサイズがリセットされない理由で、 です。

唯一の方法は、 すべてのクライアント側ロジックをエディタの負荷に実装し、ウィンドウのサイズを イベントに設定することです。この機能では、 ブラウザウィンドウの現在のサイズを使用して、 setSize()メソッドを使用して、RadEditorコントロールの幅として設定できます。あなたは同様の方法でそれを行うことができます：

<telerik:RadEditor Width="100px" Height="750px" ID="RadEditor1" Skin="Silk" runat="server" OnClientLoad="resizeEditor" 
    _ToolsFile="/Admin/DocumentsManagementV3/xml/ToolsFile.xml" _SkinID="DefaultSetOfTools"> 
</telerik:RadEditor> 
<script type="text/javascript"> 
    Sys.Application.add_load(function() { 
     window.onresize = resizeEditor; 
    }) 

    function resizeEditor() { 
     var editor = $find("<%=RadEditor1.ClientID %>"); 
     //set the width and height of the RadEditor 
     var windowWidth = $telerik.$(window).width(); 
     var editorHeight = $telerik.$("#" + editor.get_id()).height(); 
     editor.setSize(windowWidth - 20, editorHeight); 
    } 
</script>