This is a migrated thread and some comments may be shown as answers.

text alignment

8 Answers 101 Views
Editor
This is a migrated thread and some comments may be shown as answers.
mww
Top achievements
Rank 1
mww asked on 01 Jul 2010, 10:51 AM
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 ?

8 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 01 Jul 2010, 10:56 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
mww
Top achievements
Rank 1
answered on 01 Jul 2010, 11:37 AM
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 ?
0
mww
Top achievements
Rank 1
answered on 01 Jul 2010, 11:51 AM
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 ?
0
mww
Top achievements
Rank 1
answered on 01 Jul 2010, 11:53 AM
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>

0
Rumen
Telerik team
answered on 01 Jul 2010, 11:57 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
mww
Top achievements
Rank 1
answered on 01 Jul 2010, 01:18 PM
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 ?
0
mww
Top achievements
Rank 1
answered on 01 Jul 2010, 01:23 PM
Ive tried it in Firefox and IE (8) and it works OK now, it wont work in Chrome though.  Is there a workaround ?
0
Rumen
Telerik team
answered on 05 Jul 2010, 10:00 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Editor
Asked by
mww
Top achievements
Rank 1
Answers by
Rumen
Telerik team
mww
Top achievements
Rank 1
Share this question
or