Change the width

4 posts, 0 answers
  1. Kjell
    Kjell avatar
    203 posts
    Member since:
    May 2011

    Posted 04 Dec 2014 Link to this post

    How do I change the width of  tool FontName and FontSize?
  2. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 09 Dec 2014 Link to this post

    Hi,

    You can refer to the following CSS examples to achieve the needed results:
    <style type="text/css">
        a.reDropdown span.FontName {
            width: 100px;
        }
     
        a.reDropdown span.RealFontSize {
            width: 100px;
        }
     
        a.reDropdown span.FontSize {
            width: 100px;
        }
    </style>
     
    <telerik:RadEditor runat="server" ID="RadEditor1">
        <Tools>
            <telerik:EditorToolGroup>
                <telerik:EditorTool Name="FontName" />
                <telerik:EditorTool Name="RealFontSize" />
                <telerik:EditorTool Name="FontSize" />
            </telerik:EditorToolGroup>
        </Tools>
    </telerik:RadEditor>


    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kjell
    Kjell avatar
    203 posts
    Member since:
    May 2011

    Posted 17 Dec 2014 in reply to Ianko Link to this post

    Does not work, the width is the same no matter what I select value.

    Use. <telerik:RadEditor ID="RadEditor1" ToolsFile="AdminToolbar.xml" Language="sv-SE" RenderMode="Lightweight"
  5. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 17 Dec 2014 Link to this post

    Hi Kjell,

    It is expected with RenderMode set to Lightweight value not to work, the entire rendering is different and this is a key matter that should be included in the description at first place.

    To resize the needed dropdown elements you can use these CSS rules:
    <style>
        a.reDropdown.reFontName {
            width: 100px;
        }
     
        a.reDropdown.reRealFontSize {
            width: 100px;
        }
     
        a.reDropdown.reFontSize {
            width: 100px;
        }
    </style>
     
    <telerik:RadEditor runat="server" ID="RadEditor1" RenderMode="Lightweight">
        <Tools>
            <telerik:EditorToolGroup>
                <telerik:EditorTool Name="FontName" />
                <telerik:EditorTool Name="RealFontSize" />
                <telerik:EditorTool Name="FontSize" />
            </telerik:EditorToolGroup>
        </Tools>
    </telerik:RadEditor>


    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top