text alignment

[mww]

can someone please explain to me why it is that when I select a line of text and center align it, ALL the text in the RAD Editor get center aligned.

I only want to center align specific lines of text, not the whole thing, how can this be done ?

[Rumen]

Hi,

Please, see the following KB article which provides information about this browser behavior: Applying indentation or alignment per line.

Best regards,
Rumen
the Telerik team

[mww]

OK, Ill try thats

could you also help me with another problem Im having with the RADEditor

I have a page with a RADTabStrip on it and 4 pageviews, each page view has a RADEditor on it.  Ive fixed the editor width to 592px.

The editor on the first pageview is the correct width, all the others are narrower.  How can I force all the rad editors to be the same width if the width property doesnt work ?

[mww]

This is going from bad to worse.  Ive uploaded the page with the tabs on to my preview server (in a hosted environment) and now the editor in the first tab is the correct width as before, but the editors in the other 3 tabs are squashed down in width to about a quarter of what they should be and are now pushed out of the bottom of the containing div and off the bottom of the page.  Each RADEditor is EXACTLY the same as the one on the first tab, they only differ in name.  Any idea why this is happening ?

[mww]

heres the markup for the page  (sorry couldnt use the 'format code block' option since it doesnt work)

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Sunset" MultiPageID="RadMultiPage1"  SelectedIndex="0"  ReorderTabsOnSelect="true" 

        Width="100%">

                <Tabs>

                    <telerik:RadTab Text="Narratve 1" PageViewID="RadPageView1">

                    </telerik:RadTab>

                    <telerik:RadTab Text="Narratve 2" PageViewID="RadPageView2">

                    </telerik:RadTab>

                    <telerik:RadTab Text="Narratve 3" PageViewID="RadPageView3">

                    </telerik:RadTab>

                    <telerik:RadTab Text="Narratve 4" PageViewID="RadPageView4">

                    </telerik:RadTab>

                   

                </Tabs>

            </telerik:RadTabStrip>

            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Width="592px">

                <telerik:RadPageView ID="RadPageView1" runat="server" Width="592px">

                <telerik:RadEditor runat="server" ID="RadEditor1"  Height="600px" 

                        SkinID="DefaultSetOfTools" Skin="Sunset" Width="592px" Language="en-GB" 

                        ToolsFile="ArtistToolsFile.xml" NewLineBr="False">

            <Tools>

                <telerik:EditorToolGroup Tag="FileManagers">

                    <telerik:EditorTool Name="ImageManager" />

                    <telerik:EditorTool Name="FlashManager" />

                    <telerik:EditorTool Name="MediaManager" />

                    <telerik:EditorTool Name="DocumentManager" />

                    <telerik:EditorTool Name="TemplateManager" />

                </telerik:EditorToolGroup>

                <telerik:EditorToolGroup>

                    <telerik:EditorTool Name="Bold" />

                    <telerik:EditorTool Name="Italic" />

                    <telerik:EditorTool Name="Underline" />

                    <telerik:EditorSeparator />

                    <telerik:EditorTool Name="ForeColor" />

                    <telerik:EditorTool Name="BackColor" />

                    <telerik:EditorSeparator />

                    <telerik:EditorTool Name="FontName" />

                    <telerik:EditorTool Name="RealFontSize" />

                </telerik:EditorToolGroup>

            </Tools>

            <ImageManager 

                ViewPaths="~/LinkImages" 

                DeletePaths="~/LinkImages" 

                UploadPaths="~/LinkImages" />

          

          

        </telerik:RadEditor>    

                </telerik:RadPageView>

                <telerik:RadPageView ID="RadPageView2" runat="server" Width="592px">

                <telerik:RadEditor runat="server" ID="RadEditor2"  Height="600px" 

                        SkinID="DefaultSetOfTools" Skin="Sunset" Width="592px" Language="en-GB" 

                        ToolsFile="ArtistToolsFile.xml" NewLineBr="False">

            <Tools>

                <telerik:EditorToolGroup Tag="FileManagers">

                    <telerik:EditorTool Name="ImageManager" />

                    <telerik:EditorTool Name="FlashManager" />

                    <telerik:EditorTool Name="MediaManager" />

                    <telerik:EditorTool Name="DocumentManager" />

                    <telerik:EditorTool Name="TemplateManager" />

                </telerik:EditorToolGroup>

                <telerik:EditorToolGroup>

                    <telerik:EditorTool Name="Bold" />

                    <telerik:EditorTool Name="Italic" />

                    <telerik:EditorTool Name="Underline" />

                    <telerik:EditorSeparator />

                    <telerik:EditorTool Name="ForeColor" />

                    <telerik:EditorTool Name="BackColor" />

                    <telerik:EditorSeparator />

                    <telerik:EditorTool Name="FontName" />

                    <telerik:EditorTool Name="RealFontSize" />

                </telerik:EditorToolGroup>

            </Tools>

            <ImageManager 

                ViewPaths="~/LinkImages" 

                DeletePaths="~/LinkImages" 

                UploadPaths="~/LinkImages" />

          

          

        </telerik:RadEditor>  

                </telerik:RadPageView>

                <telerik:RadPageView ID="RadPageView3" runat="server">

                <telerik:RadEditor runat="server" ID="RadEditor3"  Height="600px" 

                        SkinID="DefaultSetOfTools" Skin="Sunset" Width="592px" Language="en-GB" 

                        ToolsFile="ArtistToolsFile.xml" NewLineBr="False">

            <Tools>

                <telerik:EditorToolGroup Tag="FileManagers">

                    <telerik:EditorTool Name="ImageManager" />

                    <telerik:EditorTool Name="FlashManager" />

                    <telerik:EditorTool Name="MediaManager" />

                    <telerik:EditorTool Name="DocumentManager" />

                    <telerik:EditorTool Name="TemplateManager" />

                </telerik:EditorToolGroup>

                <telerik:EditorToolGroup>

                    <telerik:EditorTool Name="Bold" />

                    <telerik:EditorTool Name="Italic" />

                    <telerik:EditorTool Name="Underline" />

                    <telerik:EditorSeparator />

                    <telerik:EditorTool Name="ForeColor" />

                    <telerik:EditorTool Name="BackColor" />

                    <telerik:EditorSeparator />

                    <telerik:EditorTool Name="FontName" />

                    <telerik:EditorTool Name="RealFontSize" />

                </telerik:EditorToolGroup>

            </Tools>

            <ImageManager 

                ViewPaths="~/LinkImages" 

                DeletePaths="~/LinkImages" 

                UploadPaths="~/LinkImages" />

          

          

        </telerik:RadEditor>  

                </telerik:RadPageView>

                <telerik:RadPageView ID="RadPageView4" runat="server">

                <telerik:RadEditor runat="server" ID="RadEditor4"  Height="600px" 

                        SkinID="DefaultSetOfTools" Skin="Sunset" Width="592px" Language="en-GB" 

                        ToolsFile="ArtistToolsFile.xml" NewLineBr="False">

            <Tools>

                <telerik:EditorToolGroup Tag="FileManagers">

                    <telerik:EditorTool Name="ImageManager" />

                    <telerik:EditorTool Name="FlashManager" />

                    <telerik:EditorTool Name="MediaManager" />

                    <telerik:EditorTool Name="DocumentManager" />

                    <telerik:EditorTool Name="TemplateManager" />

                </telerik:EditorToolGroup>

                <telerik:EditorToolGroup>

                    <telerik:EditorTool Name="Bold" />

                    <telerik:EditorTool Name="Italic" />

                    <telerik:EditorTool Name="Underline" />

                    <telerik:EditorSeparator />

                    <telerik:EditorTool Name="ForeColor" />

                    <telerik:EditorTool Name="BackColor" />

                    <telerik:EditorSeparator />

                    <telerik:EditorTool Name="FontName" />

                    <telerik:EditorTool Name="RealFontSize" />

                </telerik:EditorToolGroup>

            </Tools>

            <ImageManager 

                ViewPaths="~/LinkImages" 

                DeletePaths="~/LinkImages" 

                UploadPaths="~/LinkImages" />

          

          

        </telerik:RadEditor>             

             

                </telerik:RadPageView>

                </telerik:RadMultiPage>

                <br />

                <div id="FunctionBar">

                    <asp:Button ID="ButtonUpdate" runat="server" Text="Update" 

                        onclick="ButtonUpdate_Click" />

                </div>

                 <input id="HiddenID" type="hidden" runat="server"/>

</asp:Content>

[Rumen]

Hi,

Please, try the following code:

<script type="text/javascript">  
    function OnClientInit(editor) {  
        var editorWidth = editor.get_element().style.width;  
         
        editor.add_firstShow(function() {  
            editor.get_element().style.width = editorWidth;  
        });  
    }  
    </script>
<telerik:radeditor runat="server" ID="RadEditor1" OnClientInit="OnClientInit"></telerik:radeditor>


If it does not help, please isolate the problem in a sample working project and send it for examination by opening a support ticket.


Kind regards,
Rumen
the Telerik team

[mww]

I tried your suggestion, on my development machine, its displayed perfectly, yet when I deploy it to the hosting environment, its exactly the same.  Are there any other files i have to deploy to make it work ?

[mww]

Ive tried it in Firefox and IE (8) and it works OK now, it wont work in Chrome though.  Is there a workaround ?

[Rumen]

Hi,

I was unable to reproduce the problem in Chrome using the provided page content. Could you please make sure that you use the latest Q1 2010 SP2 (version 2010.1.519) of Telerik.Web.UI in your project? If you experience the problem with the latest built, please open a support ticket and send a sample reproduction project.

Sincerely yours,
Rumen
the Telerik team