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

Text over Radbutton displayed outside in IE 7 & IE 8(With compatibility mode)

3 Answers 115 Views
Button
This is a migrated thread and some comments may be shown as answers.
Nileshkumar
Top achievements
Rank 1
Nileshkumar asked on 26 May 2011, 12:40 PM
Text on the RadButton displayed outside the RadButton if the  number of characters are more than 15 in IE 7 & IE8(With compatibility mode) but it working fine with the FF 3.6 or FF 4.0.
Any solution???

3 Answers, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 26 May 2011, 01:13 PM
Hello,

Could you please send us a sample code that reproduces the issue? We have test it with the following code:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
    <style type="text/css">
         
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadButton ID="rb1" runat="server" Text="This is button with a long long text to check it with Internet Explorer 7"></telerik:RadButton>
    </form>
</body>
</html>

Everything works as expected in all browsers. Attached is ie7button.gif showing the result in IE7.

Best wishes,
Bojo
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Nileshkumar
Top achievements
Rank 1
answered on 26 May 2011, 02:18 PM
Hi,
I have attached img file for my issue named text-on-button.png.
In my case Button size should remain same but text on button more than 15 or 20 characters. In your case button size also going to be increases.
I have also attached output for FF browser named In FF_Buuton Output.png
0
Bozhidar
Telerik team
answered on 26 May 2011, 03:45 PM
Hello Nileshkumar,

It is expected behavior if you have specified width to the button, check both examples bellow:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
    <style type="text/css">
         
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadButton ID="rb1" runat="server" Height="65px" Text="This is button with a long long text to check it with Internet Explorer 7"></telerik:RadButton>
    <br />
    <telerik:RadButton ID="RadButton1" runat="server" Height="65px" Width="100" Text="This is button with a long long text to check it with Internet Explorer 7"></telerik:RadButton>
    </form>
</body>
</html>

The normal behavior of asp:button is also the same - it does not put longer text on several rows. To ensure that your text will appear on several rows even you have specified width of the button, you should use the following including CSS in the head section:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .rbDecorated
        {
            line-height: normal !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadButton Skin="Office2007" runat="server" ID="RadButton1" Width="60px"
        Height="65px" Text="Carriage&#13;&#10;return&#13;&#10;separators" />
    </form>
</body>
</html>


Best wishes,
Bojo
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Button
Asked by
Nileshkumar
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Nileshkumar
Top achievements
Rank 1
Share this question
or