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

Button rendering wrong

6 Answers 235 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Per
Top achievements
Rank 1
Per asked on 19 May 2008, 08:26 AM
Hi,
im using RadFormDecorator together with a DIV and some form controls. The issue is that it refuses to render properly. I have the form inside a splitter pane it that might disturbe the issue. 

<

telerik:RadFormDecorator ID="RadFormDecorator1" Skin="Web20" runat="server" DecorationZoneID="zonPersonalSettings" />

<div id"zonPersonalSettings">

<

asp:button ID="btnChooseRegion" runat="server" onclick="btnChooseRegion_Click"

Text="Region"/>

<hr />

<asp:button runat="server" Text="LoggaUt" id="Button1"

onclick="btnLogout_Click"></asp:Button>

</div>

The button´s graphics are rendered wrong so its only the left side of the image showing.
(like if it was the same problem on this forum it would only be the green bit on the "Post" buttons here on the forum) 

Have i uploaded the graphics wrong somewhere or why isnt my buttons showing?   (its the same error or all Skins im using, only left bit showing)

6 Answers, 1 is accepted

Sort by
0
Per
Top achievements
Rank 1
answered on 19 May 2008, 09:31 AM
this is an example iv´e set up to Demo the issue. Dont know if its local but the button is rendered the way i explained above. (only left bit of graphic are showing)

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="add.aspx.cs" Inherits="contentpages_news_Default" %> 
 
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
 
<!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>Untitled Page</title> 
         
</head> 
<body> 
    <form id="form1" runat="server">  
    <div> 
   <table width="100%"><tr><td width="90%">  
       <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">  
       </telerik:RadScriptManager> 
       <telerik:RadFormDecorator Skin="Web20" DecoratedControls="Buttons" ID="RadFormDecorator1" Runat="server" /> 
       <br /> 
       <telerik:RadSplitter ID="RadSplitter1" Runat="server" Skin="Office2007">  
           <telerik:RadPane ID="RadPane1" Runat="server">  
               <telerik:RadSlidingZone ID="RadSlidingZone1" Runat="server">  
                   <telerik:RadSlidingPane ID="RadSlidingPane1" Runat="server">  
                       <asp:Button ID="Button1" runat="server" Text="Button" /> 
                   </telerik:RadSlidingPane> 
               </telerik:RadSlidingZone> 
           </telerik:RadPane> 
           <telerik:RadSplitBar ID="RadSplitBar1" runat="server" /> 
           <telerik:RadPane ID="RadPane2" runat="server">  
           </telerik:RadPane> 
       </telerik:RadSplitter> 
       <br /> 
       </td></tr></table> 
    </div> 
    </form> 
</body> 
</html> 
0
Dave Miller
Top achievements
Rank 2
answered on 20 May 2008, 02:45 PM
I am also having this problem. Seems to be intermittent and mainly happens when the page is loaded inside a RadWindow.
0
Martin
Telerik team
answered on 21 May 2008, 06:39 AM
Hi Dave Miller,

The display issue of the skinned buttons is caused by the fact that the initial state of the real buttons is hidden, as they are put in a hidden RadSplitter pane and thus they do not have any dimensions. However, there is a fix - please, add the following CSS code into the <head>...</head> section of your webpage or in your external stylesheets:

<

style type="text/css">
.radfdSkinnedFormButton
{
    width: auto !important
;
}
</style>



Regards,
Martin Ivanov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Fabio Videira
Top achievements
Rank 2
answered on 25 Jun 2008, 09:21 PM
I was also having issues lining up the button with a text box.  So I changed the style a bit more and got it working just fine.

.radfdSkinnedFormButton

{

width: auto !important;

margin-top: 6px;

}

0
Martin
Telerik team
answered on 01 Jul 2008, 11:08 AM
Hi Fabio Videira,

Thank you for reporting this. We are currently reconsidering the rendering of the skinned buttons and this issue will be fixed soon.

Sincerely yours,
Martin Ivanov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Terry Guarisco
Top achievements
Rank 1
answered on 15 Oct 2008, 03:11 PM
*
Tags
FormDecorator
Asked by
Per
Top achievements
Rank 1
Answers by
Per
Top achievements
Rank 1
Dave Miller
Top achievements
Rank 2
Martin
Telerik team
Fabio Videira
Top achievements
Rank 2
Terry Guarisco
Top achievements
Rank 1
Share this question
or